uniapp presenta vant 2 e informa un error que requiere no está definido

uniapp presenta vant 2 e informa un error que requiere no está definido

---

1. Proyecto Vue 2, instale Vant 2

npm i vant@latest-v2

2. Main.js importa componentes Vant

import Vant from 'vant'
Vue.use(Vant)

3. Ejecute el navegador e informe un error.

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)

4. Solución

Puede agregar el siguiente código al archivo de configuración vue.config.js para resolver este problema
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");
    },
};