ERROR in ./src/styles.scss Module build failed: Error: Unclosed comment when angular ng build --prod

Question

this is the build result

10% building modules 3/4 modules 1 active ...niversal\\teaching-ng5\\src\\styles.scssNode#moveTo was deprecated. Use Container#append. Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.16, but postcss-merge-rules uses 5.2.18. Perhaps this is the source of the error below. 69% building modules 1881/1882 modules 1 active ...niversal\\teaching-ng5\\src\\styles.scssUnknown error from PostCSS plugin. Your current PostCSS version is 6.0.16, but postcss-merge-rules uses 5.2.18. Perhaps this is the source of the error below. Date: 2018-01-19T04:55:56.763Z Hash: 5877c3bd8fb73ef79691 Time: 342285ms

this is the error detail

ERROR in ./src/styles.scss Module build failed: Error: Unclosed comment at Object.error (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\processor.js:29:23) at unclosed (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\tokenize.js:57:25) at tokenize (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\tokenize.js:190:25) at new Parser (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\parser.js:101:50) at Processor.process (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\processor.js:26:21) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\lib\\ensureCompatibility.js:134:12 at Array.every (native) at ensureCompatibility (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\lib\\ensureCompatibility.js:79:22) at canMerge (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\index.js:72:44) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\index.js:220:24 at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:237:28 at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:144:26 at Root.each (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:110:22) at Root.walk (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:143:21) at Root.walkRules (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:235:25) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\index.js:267:13 @ multi ./src/styles.scss ERROR in ./src/styles.scss Module build failed: ModuleBuildError: Module build failed: Error: Unclosed comment at Object.error (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\processor.js:29:23) at unclosed (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\tokenize.js:57:25) at tokenize (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\tokenize.js:190:25) at new Parser (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\parser.js:101:50) at Processor.process (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-selector-parser\\dist\\processor.js:26:21) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\lib\\ensureCompatibility.js:134:12 at Array.every (native) at ensureCompatibility (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\lib\\ensureCompatibility.js:79:22) at canMerge (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\index.js:72:44) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\index.js:220:24 at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:237:28 at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:144:26 at Root.each (F:\\angular2\\universal \\teaching-ng5\\node_modules\\postcss\\lib\\container.js:110:22) at Root.walk (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:143:21) at Root.walkRules (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss\\lib\\container.js:235:25) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-merge-rules\\dist\\index.js:267:13 at runLoaders (F:\\angular2\\universal\\teaching-ng5\\node_modules\\webpack\\lib\\NormalModule.js:195:19) at F:\\angular2\\universal\\teaching-ng5\\node_modules\\loader-runner\\lib\\LoaderRunner.js:364:11 at F:\\angular2\\universal\\teaching-ng5\\node_modules\\loader-runner\\lib\\LoaderRunner.js:230:18 at context.callback (F:\\angular2\\universal\\teaching-ng5\\node_modules\\loader-runner\\lib\\LoaderRunner.js:111:13) at Promise.resolve.then.then.catch (F:\\angular2\\universal\\teaching-ng5\\node_modules\\postcss-loader\\lib\\index.js:189:71) at process._tickCallback (internal/process/next_tick.js:109:7) @ ./src/styles.scss @ multi ./src/styles.scss

this is local environment

Angular CLI: 1.6.4 Node: 6.10.1 OS: win32 x64 Angular: 5.2.1 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router, service-worker @angular/cli: 1.6.4 @angular-devkit/build-optimizer: 0.0.41 @angular-devkit/core: 0.0.28 @angular-devkit/schematics: 0.0.51 @ngtools/json-schema: 1.1.0 @ngtools/webpack: 1.9.4 @schematics/angular: 0.1.16 typescript: 2.5.3 webpack: 3.10.0

Answer 1

I have solved it. this kind of comment make it error:

scss code

Answer 2

Seems to me it is telling you the error. You have an unclosed comment in your style sheet.