webpack - css-loader@2.11 显示错误消息：找不到模块：错误：无法解析 'css-loader/locals'

Question

当我正在集成css-loader@2.11时，出现以下错误：

但是，当我降级时css-loader@0.28.10，一切都奏效了。我试图在css-loader自己身上追踪代码，我仍然找不到问题所在。

尽管我怀疑这是问题所在，css-loader因为它似乎可以毫无问题地执行（它通过我放入代码中的调试日志执行）。

以下是我的 webpack.css规则设置：

base.webpack.config.js

        {
          test: /\.css$/,
          use: [
            {
              loader: 'style-loader'
            },
            {
              loader: 'css-loader',
              options: {
                modules: true, // enable css module
                importLoaders: 2 ,
                localIdentName: '[name]__[local]__[hash:base64:5]',
                exportOnlyLocals: true,
              },
            },
            'postcss-loader',
            'sass-loader',
          ],
        },

包.json

  "devDependencies": {
    "@babel/core": "^7.4.3",
    "@babel/plugin-proposal-class-properties": "^7.4.4",
    "@babel/plugin-transform-runtime": "^7.4.3",
    "@babel/preset-env": "^7.4.3",
    "babel-loader": "^8.0.5",
    "clean-webpack-plugin": "^2.0.1",
    "concurrently": "^4.1.0",
    "css-loader": "^2.1.1",
    "file-loader": "^3.0.1",
    "image-webpack-loader": "^4.6.0",
    "mini-css-extract-plugin": "^0.6.0",
    "node-sass": "^4.12.0",
    "postcss-flexibility": "^2.0.0",
    "postcss-loader": "^3.0.0",
    "postcss-smart-import": "^0.7.6",
    "precss": "^4.0.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "universal-webpack": "^0.6.11",
    "url-loader": "^1.1.2",
    "webpack": "^4.30.0",
    "webpack-cli": "^3.3.0",
    "webpack-dev-middleware": "^3.6.2",
    "webpack-hot-middleware": "^2.24.3"
  },
  "dependencies": {
    "@babel/cli": "^7.4.3",
    "@babel/polyfill": "^7.4.3",
    "@babel/preset-react": "^7.0.0",
    "@babel/register": "^7.4.0",
    "@babel/runtime": "^7.4.3",
    "dotenv": "^7.0.0",
    "express": "^4.16.4",
    "normalize.css": "^8.0.1",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "styled-components": "^4.2.0"

请给我一个解决这个问题的方向。谢谢！

标签： webpackcss-loader