webpack打包css文件时报错：TypeError: this.getResolve is not a function的解决方法

安装好了webpack后，想要打包css文件还需要安装loader

npm install --save-dev css-loader
npm install --save-dev style-loader

webpack.config.js文件中添加：

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
};

参考：https://webpack.docschina.org/loaders/#styling

安装好后进行打包时却出现了报错：

原因主要是因为webpack的版本较低，而css-loader的版本太高导致的，打开package.json文件，显示我的css-loader版本是5.0.1，而webpack版本是3.12.0

考虑到可能是css-loader的版本太高，将其改为3.6.0版本，即："css-loader": "^3.6.0"，然后我们需要重新安装项目依赖，在终端输入命令：

npm install 

然后再执行npm run build命令，就不报错了，如果还报错可以尝试修改版本号，找到合适的版本号。