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

1. 问题描述

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

打包时报错:
webpack使用loader在进行打包时报错(已解决)TypeError: this.getResolve is not a function_第1张图片


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

你可能感兴趣的:(webpack,webpack,前端)