css-loader building에서 오류가 발생했습니다. 생산을위한 각도 4 앱

Question

'ng build'을 사용하여 애플리케이션을 컴파일하고 빌드 할 수 있지만 제작을 위해 'ng build --prod --aot=false'을 실행하려고하면 매우 혼란스러운 오류가 발생합니다. :

devrep@dev-laptop:~/Documents/projects/FWP$ ng build --prod --aot=false 11% building modules 9/14 modules 5 active ...font-awesome/css/font-awesome.min.cssNode#moveTo was deprecated. Use Container#append. Date: 2017-12-21T12:09:04.162Z
Hash: 4aab95fe772649d00bd9 Time: 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' at factoryCallback (/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/Compilation.js:276:40) at factory (/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/NormalModuleFactory.js:235:20) at resolver (/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/NormalModuleFactory.js:60:20) at asyncLib.parallel (/home/devrep/Documents/projects/FWP/node_modules/webpack/lib/NormalModuleFactory.js:127:20) at /home/devrep/Documents/projects/FWP/node_modules/async/dist/async.js:3861:9 at /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/NormalModuleFactory.js:119:22) at onError (/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) at runAfter (/home/devrep/Documents/projects/FWP/node_modules/enhanced-resolve/lib/Resolver.js:158:4) at innerCallback (/home/devrep/Documents/projects/FWP/node_modules/enhanced-resolve/lib/Resolver.js:146:3) at 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 ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","plugins":[null,null,null,{"version":"5.2.18","plugins":[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 Module not found: Error: Can't resolve './.' in '/home/devrep/Documents/projects/FWP/src/app/integralui/css' resolve './.' in '/home/devrep/Documents/projects/FWP/src/app/integralui/css' using description file: /home/devrep/Documents/projects/FWP/package.json (relative path: ./src/app/integralui/css) Field 'browser' doesn't contain a valid alias configuration after using description file: /home/devrep/Documents/projects/FWP/package.json (relative path: ./src/app/integralui/css) using description file: /home/devrep/Documents/projects/FWP/package.json (relative path: ./src/app/integralui/css) no extension Field 'browser' doesn't contain a valid alias configuration /home/devrep/Documents/projects/FWP/src/app/integralui/css is not a file .ts Field 'browser' doesn't contain a valid alias configuration /home/devrep/Documents/projects/FWP/src/app/integralui/css.ts doesn't exist .js Field 'browser' doesn't contain a valid alias configuration /home/devrep/Documents/projects/FWP/src/app/integralui/css.js doesn't exist as directory existing directory using path: /home/devrep/Documents/projects/FWP/src/app/integralui/css/index using description file: /home/devrep/Documents/projects/FWP/package.json (relative path: ./src/app/integralui/css/index) no extension Field 'browser' doesn't contain a valid alias configuration /home/devrep/Documents/projects/FWP/src/app/integralui/css/index doesn't exist .ts Field 'browser' doesn't contain a valid alias configuration /home/devrep/Documents/projects/FWP/src/app/integralui/css/index.ts doesn't exist .js Field 'browser' doesn't contain a valid alias configuration /home/devrep/Documents/projects/FWP/src/app/integralui/css/index.js doesn't exist [/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":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","plugins":[null,null,null,{"version":"5.2.18","plugins":[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-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","plugins":[null,null,null,{"version":"5.2.18","plugins":[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/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

본인은 'assets'폴더에있는 모든 CSS 파일을 복사하거나 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을 왼쪽과 (이것은 개발을 위해 완벽하게 컴파일 있지만) 컴파일러가 생산을위한 응용 프로그램을 만들 수없는 것 같다.

건배,