Vue3 + Element-plus 报错 require is not defined 处理问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
问题复现:
yarn dev 后报错如下:
app.js:358 Uncaught ReferenceError: require is not defined
at eval (index.mjs:4:30)
at Module../node_modules/@element-plus/icons-vue/dist/es/index.mjs (chunk-vendors.js:9072:1)
at webpack_require (app.js:355:33)
at fn (app.js:600:21)
at eval (icon.js:7:16)
at Object../node_modules/element-plus/lib/utils/vue/icon.js (chunk-vendors.js:7646:1)
at webpack_require (app.js:355:33)
at fn (app.js:600:21)
at Object../node_modules/element-plus/lib/utils/vue/index.js (chunk-vendors.js:7665:12)
at webpack_require (app.js:355:33)
解决方案:
1、在 .env.development
文件中 删除 VUE_CLI_BABEL_TRANSPILE_MODULES = true
2、安装依赖
npm install babel-plugin-dynamic-import-node -S -D
3、在
babel.config.js
中修改配置,没有就新建
module.exports = {
presets: ['@vue/cli-plugin-babel/preset'],
// 新增
env: {
development: {
plugins: ['dynamic-import-node']
}
}
}
4、重新运行
记:同样可以解决 element-plus/es/locale/lang/zh-cn 引入报错问题
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 5 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)