webpack使用loader在进行打包时报错（已解决）TypeError: this.getResolve is not a function

1. 问题描述

• webpack版本：3.6.0
• css-loader：5.0.1
• style-loader：2.0.0

打包时报错：

---

2. 出错原因

webpack的版本低，css-loader和style-loader的版本高。版本不匹配。

---

3. 解决方法

可以在package.json文件中手动将 css-loader 和 style-loader 的版本降低。

"devDependencies": {
     
    "css-loader": "^3.3.0",
    "style-loader": "^1.0.0",
    "webpack": "^3.6.0"
}

修改完成之后，在终端中输入npm install 重新安装 css-loader 和 style-loader 的项目依赖。然后重新打包就可以了。

另外，如果我们在使用 loader 的过程中，遇到类似的报错信息，大概率是版本的问题。可能使用的某一个loader的版本过高。

比如：

• UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
• Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “from” argument must be of type string. Received undefined