webpack中使用 css-loader style-loader 报错 Module build failed

Question

package.json 中各版本号：

"css-loader": "^3.4.2",
"style-loader": "^1.1.3",
"webpack": "^4.41.6",
"webpack-cli": "^3.3.11",

css文件的引入：
import styles from'./css/index.css';

webpack.config.js 中的配置项：

module: { 
        rules: [{
                test: /\.css$/,
                use: [
                    {
                        loader: "style-loader",
                    },
                    {
                        loader: "css-loader",
                        options: {
                            module: true,
                        }
                    }
                ]
            },
            {
                test: /\.(jpg|png|gif)$/,
                use: 'url-loader'
            }
        ]
    }

运行以后报错

./src/css/index.css (./node_modules/css-loader/dist/cjs.js!./src/css/index.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
E:\VUE_2020\0217\webpack_sty\node_modules\css-loader\dist\plugins\postcss-icss-parser.js:34
      accumulator[normalizedUrl] = { ...accumulator[normalizedUrl],
                                     ^^^
SyntaxError: Unexpected token ...
    at createScript (vm.js:56:10)
    at Object.runInThisContext (vm.js:97:10)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (E:\VUE_2020\0217\webpack_sty\node_modules\css-loader\dist\plugins\index.js:27:49)

拜托各位大神，指点迷津，我这各种尝试就是不知道问题出现在哪里，拜托~~

Answer 1

楼主你的node版本是多少的？这错是解析es6语法失败。

Answer 2

版本问题，用"css-loader": "^2.1.0"