Webpack打包时出现require报错问题

Posted YanEr、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack打包时出现require报错问题相关的知识,希望对你有一定的参考价值。

错误描述

  • 通常问题常出现在target: \'node\'环境中
  • 编译文件中存在以如下方式使用require:
// for example 1:
const reload = require(\'require-reload\')(requireFunc)

// for example 2:
function main () {
    var data = require(dataPath)
}
  • 打包时会报错:
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
Critical dependency: the request of a dependency is an expression

如图

错误解决方案

  • 在编译文件中添加如下代码即可:
const requireFunc = typeof __webpack_require__ === \'function\' ? __non_webpack_require__ : require

(PS:该方案是在度娘中找到的,并非原创,苦于已经找不到原文,因此自己记录下,以便于下次遇到问题时方便查找)

以上是关于Webpack打包时出现require报错问题的主要内容,如果未能解决你的问题,请参考以下文章

webpack打包问题

VSC终端检测不到webpack版本号和打包报错的2020年解决方案

vue项目报错

解决Webpack 安装sass时出现的错误

__webpack_require__(...) is not a function

解决报错:Cannot find module 'webpack-cli/bin/config-yargs'