首页 文章

从Angular 5中的node_modules加载CSS文件时出错

提问于
浏览
0

我在.angular-cli.json文件中的node_modules文件夹中加载CSS文件 . 我按照https://onsen.io/v2/guide/angular2/#angular-2的说明做了这个

"styles": [
          "../node_modules/onsenui/css/onsenui.css",
          "../node_modules/onsenui/css/onsen-css-components.css",
          "styles.css"
        ],

我刚检查了CSS文件,它们确实存在于此文件夹中
CSS files in project

然后我看到了这个错误

错误在./node_modules/css-loader?{"sourceMap":false,"import":false}!!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}! ./node_modules/onsenui/css/onsenui.css模块构建失败:错误:无法解析'C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos中的'ionicons / css / ionicons.min.css' - onError上的OnsenUI \ demo1 \ node_modules \ onsenui \ css'(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ Resolver.js:61:15 )at runningCallbackWrapper(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ createInnerCallback.js:31:19)at runAfter(C:\ Users \ mauri) \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ Resolver.js:158:4)在innerCallback(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos) - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ Resolver.js:146:3)在loggingCallbackWrapper(C:\ Users \ mauri \ Docum) ents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ createInnerCallback.js:31:19)at next(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ tapable \ lib \ Tapable.js:252:11)在C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ UnsafeCachePlugin . 在runAfter(C: \ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ Resolver.js:158:4)在innerCallback(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps) \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ Resolver.js:146:3)在loggingCallbackWrapper(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \增强的决心\ LIB \ createInnerCallback.js:31: 19)在innerCallback的下一个(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ tapable \ lib \ Tapable.js:252:11)(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ Resolver.js:144:11)loggingCallbackWrapper(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ createInnerCallback.js:31:19)at next(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ tapable \ lib \ Tapable.js:249:35)at resolver.doResolve.createInnerCallback(C:\ Users \ mauri \ Documents \ GitHub \ IMS_MobileApps \ Demos \ Demos - OnsenUI \ demo1 \ node_modules \ enhanced-resolve \ lib \ DescriptionFilePlugin.js:44: 6)@ . / node_modules/onsenui/css/onsenui.css 4:14-119 @ multi ./node_modules/onsenui/css/onsenui.css ./node_modules/onsenui/css/onsen-css-components.css ./src /styles.css

Error in detail

1 回答

  • 0

    我正在使用Angular CLI 1.6.6并通过运行npm install -g @ angular / cli @ latest将其更新为1.6.7 . 这解决了这个问题

相关问题