首页 文章

生成Angular 4应用程序的css-loader出错

提问于
浏览
3

我可以使用' ng build ', but when I try to run ' ng build --prod --aot=false '编译和构建一个应用程序来构建它用于 生产环境 ,我得到一个非常令人困惑的错误,即:

devrep @ dev-laptop:〜/ Documents / projects / FWP $ ng build --prod --aot = false 11%构建模块9/14模块5活动... font-awesome / css / font-awesome.min . cssNode#moveTo已被弃用 . 使用Container#append . 日期:2017-12-21T12:09:04.162Z哈希:4aab95fe772649d00bd9时间:64798ms chunk {0} polyfills.87365c933937cb2f588a.bundle.js(polyfills)65.8 kB [initial] [rendered] chunk {1} main.7c8cba86955be3d0b56d.bundle . js(main)687 kB [initial] [rendered] chunk {2} styles.6794b28885d6e9fad13b.bundle.css(styles)170 kB [initial] [rendered] chunk {3} vendor.e43732721f7d20b3cde5.bundle.js(vendor)771 kB [initial] [rendered] chunk {4} inline.d266a3c997900449849a.bundle.js(inline)1.45 kB [entry] [rendered] ERROR in ./src/app/integralui/css/integralui.module.css
模块构建失败:ModuleNotFoundError:找不到模块:错误:无法解析'./ . '在
'/ home / devrep / Documents / projects / FWP / src / app / integralui / css'在factoryCallback(/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/Compilation.js:276:40)出厂(/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/NormalModuleFactory.js:35:20)at resolver(/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/NormalModuleFactory.js: 60:20)atyncLib.parallel(/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/NormalModuleFactory.js:127:20)/ home / devrep / Documents / projects / FWP / node_modules / async / dist / async.js:3861:9在/home/devrep/Documents/projects/FWP/node_modules/async/dist/async.js:421:16 at iteratorCallback(/ home / devrep / Documents / projects / FWP / node_modules / async / dist / async.js:996:13)at / home /devrep/Documents/projects/FWP/node_modules/async/dist/async.js:906:16 at / home / devrep / Documents / projects / FWP / node_modules /async/dist/async.js:3858:13 at resolvers.normal.resolve(/ home / devrep / Documents / projects / FWP / node_modules / webpack / lib / NormalMo duleFactory.js:119:22)at logging(/home/devrep/Documents/projects/FWP/node_modules/enhanced-resolve/lib/Resolver.js:65:10)at loggingCallbackWrapper(/ home / devrep / Documents / projects / FWP / node_modules / enhanced-resolve / lib / createInnerCallback.js:31:19)在innerCallback的runAfter(/home/devrep/Documents/projects/FWP/node_modules/enhanced-resolve/lib/Resolver.js:158:4) (/home/devrep/Documents/projects/FWP/node_modules/enhanced-resolve/lib/Resolver.js:146:3)在loggingCallbackWrapper(/ home / devrep / Documents / projects / FWP / node_modules / enhanced-resolve / lib /) createInnerCallback.js:31:19)at next(/home/devrep/Documents/projects/FWP/node_modules/tapable/lib/Tapable.js:252:11)@ ./src/app/integralui/css/integralui.module .css @ multi ./src/styles.css ./src/assets/zurb-foundation/foundation-prototype.min.css ./src/assets/fwcIcons-font/css/fwcIcons.css ./src/assets/fwcMenuIcons -font / css / fwcMenuIcons.css ./src/app/integralui/css/integralui.module.css ./node_modules/font-awesome/css/font-awesome.min . css ./node_modules/ng2-toastr/bundles/ng2-toastr.min.css错误在./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/ LIB { “标识”: “postcss”, “插件”:[NULL,NULL,NULL,{ “版本”: “5.2.18”, “插件”:[NULL,NULL,NULL,NULL,NULL,NULL, NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL] ,“postcssPlugin”:“cssnano”,“postcssVersion”:“5.2.18”}],“sourceMap”:false}! . / src / app / integralui / css / integralui.grid-default.css找不到模块:错误:无法解析'./ . '在'/ home / devrep / Documents / projects / FWP / src / app / integralui / css'解决'./ . '在'/ home / devrep / Documents / projects / FWP / src / app / integralui / css'中使用描述文件:/home/devrep/Documents/projects/FWP/package.json(相对路径:./ src / app / integralui / css)字段'browser'在使用描述文件后不包含有效的别名配置:/home/devrep/Documents/projects/FWP/package.json(相对路径:./ src / app / integralui / css)使用说明file:/home/devrep/Documents/projects/FWP/package.json(相对路径:./ src / app / integralui / css)无扩展字段'browser'不包含有效的别名配置/ home / devrep / Documents / projects / FWP / src / app / integralui / css不是文件.ts字段'browser'不包含有效的别名配置/home/devrep/Documents/projects/FWP/src/app/integralui/css.ts不存在.js字段'浏览器'不包含有效的别名配置/home/devrep/Documents/projects/FWP/src/app/integralui/css.js不存在作为目录现有目录使用路径:/ home / devrep / Documents / projects / FWP / src / app / integralui / css / index使用描述文件:/home/devrep/Documents/projects/FWP/package.json(相对路径:./ src / app / integralui / css / index)没有扩展名'浏览器'没有包含有效的别名配置/ home / devrep / Documents / projects / FWP / src / app / integralui / css / index不存在.ts字段'browser'不包含有效的别名配置/ home / devrep /文档/项目/ FWP / src / app / integralui / css / index.ts不存在.js字段'browser'不包含有效的别名配置/ home / devrep / Documents / projects / FWP / src / app / integralui / css / index.js不存在[/ home / devrep / Documents / projects / FWP / src / app / integralui / css] [/ home / devrep / Documents / projects / FWP / src / app / integralui / css .ts] [/home/devrep/Documents/projects/FWP/src/app/integralui/css.js] [/ home / devrep / Doc uments / projects / FWP / src / app / integralui / css / index] [/home/devrep/Documents/projects/FWP/src/app/integralui/css/index.ts] [/ home / devrep / Documents / projects / FWP / src / app / integralui / css / index.js] @ ./node_modules/css-loader? {“sourceMap”:false,“importLoaders”:}}} . “:” postcss”, “插件”:[NULL,NULL,NULL,{ “版本”: “5.2.18”, “插件”:[NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL ,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL], “postcssPlugin”: “cssnano”,“postcssVersion”:“5.2.18”}],“sourceMap”:false}!./ src / app / integralui / css / integralui.grid-default.css 6:9668-9682 @ ./node_modules/ CSS-装载机?{ “sourceMap”:假的, “importLoaders”:1}!./ node_modules / postcss装载机/ lib目录{ “标识”: “postcss”, “插件”:[NULL,NULL,NULL,{”版本 “:” 5.2.18" , “插件”:[NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL, NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL],“postcss插件“:”cssnano“,”postcssVersion“:”5.2.18“}],”sourceMap“:false}!./ src / app / integralui / css / integralui.grid.css @ ./src/app/integralui/ css / integralui.module.css @ multi ./src/styles.css ./src/assets/zurb-foundation/foundation-prototype.min.css ./src/assets/fwcIcons-font/css/fwcIcons.css ./ src / assets / fwcMenuIcons-font / css / fwcMenuIcons.css ./src/app/integralui/css/integralui.module.css ./node_modules/font-awesome/css/font-awesome.min.css ./node_modules/ng2 -toastr /捆绑/ NG2-toastr.min.css

我've tried some solutions that I found on Google, like copying all the CSS files into the ' assets '文件夹或更新 Angular CLI 位它没有't make a change. I can' t了解's complaining about and what'那个 './.' 模块无法找到 .

任何线索?

我正在使用 node 9.3.0npm 5.6.0Angular CLI 1.6.2Angular 4.4.6 .

谢谢!

2 回答

  • 2

    问题是应用程序中使用的某个组件中的CSS文件不正确 . 这就是这一行:

    background: url('') no-repeat 0 0;
    

    我们错误地将URL留空了,似乎编译器无法构建用于 生产环境 的应用程序(尽管它可以完美地编译用于开发) .

    干杯,

  • 0

    请将“@ angular / cli”更新为“1.7.3”

    • npm删除@ angular / cli

    • npm cache clean --force

    • npm install -g @ angular / cli @ 1.7.3

    仍然卡住然后更新你的package.json

    @angular/cli": "1.7.3"
    

    然后运行npm install

    经过测试并为我工作

相关问题