webpack打包错误ERROR in ./src/page/index/index.css

Question

Hash: 7a7713dc8f12d5fa37faVersion: webpack 1.15.0Time: 108ms      Asset       Size  Chunks             Chunk Names js/base.js    4.37 kB       0  [emitted]  commonjs/index.js  560 bytes       1  [emitted]  indexjs/login.js  426 bytes       2  [emitted]  login   [0] multi common 28 bytes {0} [built]   [0] multi index 28 bytes {1} [built]   [0] multi login 28 bytes {2} [built]   [1] ./src/page/common/index.js 170 bytes {0} [built]   [2] ./src/page/index/index.js 192 bytes {1} [built] [1 error]   [3] ./src/page/index/index.css 0 bytes [built] [failed]   [4] ./src/page/module.js 179 bytes {0} [built]   [5] ./src/page/login/index.js 196 bytes {2} [built]ERROR in ./src/page/index/index.cssModule parse failed: C:\Users\wh\Desktop\mmall\doc\mmall-fe\src\page\index\index.css Unexpected token (8:4)You may need an appropriate loader to handle this file type.SyntaxError: Unexpected token (8:4)    at Parser.pp$4.raise (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:2221:15)    at Parser.pp.unexpected (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:603:10)    at Parser.pp.semicolon (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:581:61)    at Parser.pp$1.parseExpressionStatement (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:966:10)    at Parser.pp$1.parseStatement (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:730:24)    at Parser.pp$1.parseTopLevel (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:638:25)    at Parser.parse (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:516:17)    at Object.parse (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\acorn\dist\acorn.js:3098:39)    at Parser.parse (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\webpack\lib\Parser.js:902:15)    at NormalModule.<anonymous> (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\webpack\lib\NormalModule.js:104:16)    at NormalModule.onModuleBuild (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\webpack-core\lib\NormalModuleMixin.js:310:10)    at nextLoader (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\webpack-core\lib\NormalModuleMixin.js:275:25)    at C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\webpack-core\lib\NormalModuleMixin.js:259:5    at Storage.finished (C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:38:16)    at C:\Users\wh\Desktop\mmall\doc\mmall-fe\node_modules\graceful-fs\graceful-fs.js:90:16    at FSReqWrap.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:53:3) @ ./src/page/index/index.js 9:0-22按老师视频中进行操作，但是打包报错

Answer 1

版本问题，老师视频中在查看是否安装成功的时候能看到两个loader的版本，重新安装的时候指定为老师的版本即可

Answer 2

css相关的loader配置错误