uniapp 引入vant 2 报错 require is not defined
一、Vue 2 项目,安装 Vant 2
npm i vant@latest-v2
二、main.js 导入Vant组件
import Vant from 'vant'
Vue.use(Vant)
三、运行到浏览器报错
Uncaught ReferenceError: require is not defined
at Module.qioP (chunk-vendors.js:52368:1)
at webpack_require (index.js:854:30)
at fn (index.js:151:20)
at Object.GgBI (chunk-vendors.js:21582:17)
at webpack_require (index.js:854:30)
at fn (index.js:151:20)
at Object.Feqt (chunk-vendors.js:19969:39)
at __webpack_require__ (index.js:854:30)
at fn (index.js:151:20)
at eval (main.js:5:1)
四、解决办法
可以在 vue.config.js 配置文件添加 以下代码解决这个问题
https://github.com/youzan/vant/issues/10653
https://github.com/dcloudio/uni-app/issues/2412
module.exports = {
chainWebpack: (config) => {
config.module
.rule("mjs$")
.test(/.mjs$/)
.include.add(/node_modules/)
.end()
.type("javascript/auto");
},
};