我试图实现一个引导下拉到我的Angular 组件，但它不工作。它不打开点击，并显示我的错误。我有同样的问题与模态。没有错误或类似的东西。经过搜索位我发现我必须包括popper.js和bootstra.min.js在我的project.json（nrwl相当于angular.json）像这样，它是在脚本部分：
"name": "nosi",
"$schema": "../../node_modules/nx/schemas/project-schema.json",
"projectType": "application",
"sourceRoot": "apps/nosi/src",
"prefix": "nosi",
"targets": {
"build": {
"executor": "@angular-devkit/build-angular:browser",
"outputs": ["{options.outputPath}"],
"options": {
"outputPath": "dist/apps/nosi",
"index": "apps/nosi/src/index.html",
"main": "apps/nosi/src/main.ts",
"polyfills": "apps/nosi/src/polyfills.ts",
"tsConfig": "apps/nosi/tsconfig.app.json",
"inlineStyleLanguage": "scss",
"assets": ["apps/nosi/src/favicon.ico", "apps/nosi/src/assets"],
"styles": ["apps/nosi/src/styles.scss"],
"scripts": [
"../node_modules/bootstrap/dist/js/bootstrap.min.js",
"../node_modules/popper.js/dist/umd/popper.js"
]
},此外，我添加了bootstrap.min.css到我的样式.scss文件：
/* You can add global styles to this file, and also import other style files */
/* Importing Bootstrap SCSS file. */
@import '~bootstrap/scss/bootstrap';
@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~bootstrap/dist/css/bootstrap.css';但是在我的下拉菜单中仍然没有React。而且我正在使用最新的 Bootstrap 5.2.3和Angular 12.2.5。有人能告诉我在哪里我也必须寻找吗？
1条答案
按热度按时间rsl1atfo1#
我遇到了同样的问题，但我现在找到了解决办法：因为
popper.js已经过时了，你必须使用@popperjs/core来代替，而且，你应该注意angular.json中"scripts"-数组中条目的顺序（后面会有更多的介绍）。这就是最终对我起作用的方法：
1.我安装了 Bootstrap ：
npm i bootstrap1.我安装了@popperjs/core：
npm i @popperjs/core1.我在我的
angular.json中添加了一些条目，如下所示："script"-array中脚本的顺序必须与此处所述相同：先是popper.min.js，然后是bootstrap.js。node_modules的路径可能与我的不同（正如我所看到的，您的路径以../开始，因此您必须写入"../node_modules/@popperjs/core/dist/umd/popper.min.js"等）。styles.scss里面做的导入是不需要的