加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap vs Angular 2:多脚本加载器中的错误!找不到模块:错

发布时间:2020-12-18 00:29:05 所属栏目:安全 来源:网络整理
导读:我用ng new klw创建了一个新的Angular 2项目 我安装了bootstrap:npm install bootstrap @ next 将样式和脚本添加到角度 "styles": [ "styles.css","../node_modules/bootstrap/dist/css/bootstrap.css" ],"scripts": ["../node_modules/jquery/dist/jquery.
我用ng new klw创建了一个新的Angular 2项目

>我安装了bootstrap:npm install bootstrap @ next
>将样式和脚本添加到角度

"styles": [
    "styles.css","../node_modules/bootstrap/dist/css/bootstrap.css"
  ],"scripts": [
"../node_modules/jquery/dist/jquery.js","../node_modules/tether/dist/js/tether.js","../node_modules/bootstrap/dist/js/bootstrap.js"
  ],

>集成bootstrap 4到angular-cli:npm install –save @ ng-bootstrap / ngbootstrap
>将NgbModule导入添加到app.module.ts中
>添加到导入部分NgbModule到app.module.ts
>修改后的app.module.html:< NgbAlert>提示文字< / NgbAlert>

这是我错过的?

当我运行服务时,我得到以下错误:

ERROR in Error encountered resolving symbol values statically. Could not resolve @ng-bootstrap/ng-bootstrap relative to F:/src/prjs/angular2/pilot/klw/src/app/app.module.ts.,resolving symbol AppModule in F:/src/prjs/angular2/pilot/klw/src/app/app.module.ts,resolving symbol AppModule in F:/src/prjs/angular2/pilot/klw/src/app/app.module.ts

ERROR in multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js
Module not found: Error: Can't resolve 'F:srcprjsangular2pilotklwnode_modulesjquerydistjquery.js' in 'F:srcprjsangular2pilotklw'
 @ multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js

ERROR in multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js
Module not found: Error: Can't resolve 'F:srcprjsangular2pilotklwnode_modulestetherdistjstether.js' in 'F:srcprjsangular2pilotklw'

ERROR in multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js
Module not found: Error: Can't resolve 'F:srcprjsangular2pilotklwnode_modulestetherdistjstether.js' in 'F:srcprjsangular2pilotklw'
 @ multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js

ERROR in multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js
Module not found: Error: Can't resolve 'F:srcprjsangular2pilotklwnode_modulesbootstrapdistjsbootstrap.js' in 'F:srcprjsangular2pilotklw'
 @ multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/js/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js

ERROR in multi ./src/styles.css ./~/bootstrap/dist/css/bootstrap.css
Module not found: Error: Can't resolve 'F:srcprjsangular2pilotklwnode_modulesbootstrapdistcssbootstrap.css' in 'F:srcprjsangular2pilotklw'
 @ multi ./src/styles.css ./~/bootstrap/dist/css/bootstrap.css

ERROR in F:/src/prjs/angular2/pilot/klw/src/app/app.module.ts (8,25): Cannot find module '@ng-bootstrap/ng-bootstrap'.)

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@ng-bootstrap/ng-bootstrap' in 'F:srcprjsangular2pilotklwsrcapp'
 @ ./src/app/app.module.ts 15:0-55
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200/ ./src/main.ts
webpack: Failed to compile.

解决方法

>删除package.json中@ angular / cdk和@ angular / material的符号^
>删除node_modules和package-lock.json
> npm cache clean -f
> npm i

它适用于我的情况.希望它能帮到你

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读