解决浏览器 require is not defined 的报错问题

原因

在node环境中引入了一些包,用webpack打包后放在浏览器环境中,浏览器报错require is not defined

这是因为require是node环境下的CommonJs,而import是浏览器环境下的ESModule。ESModule不认识require。
require是node的一个私有的全局方法。

解决方法

那就让打包出来的代码别有require,换句话说,webpack应该打包出一个适用于ES6环境下的代码。

只需在webpack.config.js中,将原来的target: 'node'改成target: 'web'即可。
webpack.config.js

热知识

export / export default + import ===》 ES6
module.exports / exports + require ===》CommonJS


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部