uniapp 引入vant 2 报错 require is not defined

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");
    },
};