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

Question

我可以使用' ng build '编译和构建一个应用程序，但是当我尝试运行' 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 Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve './.' in 

'/ 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字段'browser'不包含有效的别名配置/home/devrep/Documents/projects/FWP/src/app/integralui/css.js不存在作为目录现有目录使用路径：/家用/ devrep /文件/项目/ FWP / src目录/应用/ integralui / 使用描述文件的css / index：/home/devrep/Documents/projects/FWP/package.json（相对路径：./ src / app / integralui / css / index）无扩展字段'browser'不包含有效别名配置/ home / devrep / Documents / projects / FWP / src / app / integralui / css / index不存在.ts字段'browser'不包含有效的别名配置/ home / devrep / Documents / projects / 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 / Documents / 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”：假的， “importLoaders”：1} ./ node_modules / postcss装载机/ lib目录{ “标识”： “postcss”， “插件”：[NULL，NULL，NULL，{ “版本”：“5.2 0.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”：假}！ /src/app/integralui/css/integralui.grid-default.css 6：9668-9682 @ ./node_modules/css-loader?{"sourceMap":false,"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]，“postcssPlugin”：“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/founda tion-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

我尝试过在Google上找到的一些解决方案，比如将所有CSS文件复制到' assets '文件夹或更新Angular CLI位，它没有做出改变。 我无法理解抱怨什么，以及那是什么'./.' 无法找到的模块。

任何线索？

我正在使用node 9.3.0 ， npm 5.6.0和Angular CLI 1.6.2与Angular 4.4.6 。

谢谢！

Answer 1

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

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

我们错误地将URL留空了，似乎编译器无法构建用于生产的应用程序（尽管它可以完美地编译用于开发）。

干杯，

Answer 2

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

1. npm删除@ angular / cli
2. npm cache clean --force
3. npm install -g @ angular / cli @ 1.7.3

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

@angular/cli": "1.7.3"

然后运行npm install

经过测试并为我工作