vue+element-ui项目打包到生产环境，报错：export is not defined

最新推荐文章于 2023-07-18 21:24:10 发布
原创 最新推荐文章于 2023-07-18 21:24:10 发布 · 3.6k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

项目在本地测试正常，但打包后无法打开首页，显示export is not defined错误。通过将element-ui版本修改为2.12.0并重新安装node_modules解决了问题。

以下仅学习笔记记录：

问题描述：项目在本地测试，可以正常启动，能够运行。打包以后，运行无法打开首页，报错：export  is not  defined

解决方法：

在package.json文件中找到element-ui.修改到2.12.0版本。然后将node_modules删掉，重新下载就好用了。

说明：试过13和11版本的，不好用

vue3 - 报错Uncaught ReferenceError: ElementPlus is not defined（vue3报错ElementPlus is not defined，详细解决方案
高级前端工程师
03-06 4276
vue3，element-Plus，typescript，引入组件后报错ElementPlus is not defined，但组件能正常显示就是报错，如何解决vue3+element-plus报错Uncaught ReferenceError: ElementPlus is not defined，解决vue3+ts报错，如何解决在vue3网页中出现报错，详细解决教程，强力解决，Vue3项目引用element-plus（2.3.14）报错 "ElementPlus is not defined"。
Element-UI自学实践（二）
weixin_40017062的博客
08-24 1386
Element-UI自学实践
vue-admin-element打包成功后访问报错exports is not defined
HandsomeGuy_的博客
11-21 1561
初始状态： module.exports = { presets: [ '@vue/app', ], } 报错： 解决： 在babel.config.js 文件中修改 module.exports = { presets: [ ['@vue/app', { useBuiltIns: 'entry' //添加 }] ], } 访问成功！
vue3.0 - 报错Uncaught ReferenceError: exports is not defined
sunshime的博客
02-14 7690
  今天遇到了一个很奇葩的问题，就是在使用vue3.0的router的时候出现了 exports is not defined 的报错，尝试了很多方法都无法解决，后面看到一位大佬的文章说可以尝试着给router安装下一个版本npm install vue-router@next -D，当前我用的是"vue-router": "^4.0.0"，然后我安装之后就没有报错了，但是当我重新安装回 4.0.0 版本的时候，这个报错也不存在了，我还是没找到照成这个问题的原因所在。不过如果大家遇到了这个问题，可以通过我上
Vue中使用Element Plus 出现ElementPlus is not defined
MonkeyRideDonkey的博客
07-18 2294
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档例如。
vue-cli 【已解决】 require is not defined 和 exports is not defind
Anonymous996的博客
08-25 7374
require is not defined
vue项目里使用el-table-v2的cellRenderer渲染失败，报错React is not defined
09-18
我们正在处理一个Vue项目中使用`el-table-v2`时遇到的报错：'React is not defined'。这个报错很奇怪，因为Vue项目中不应该出现React的依赖。根据用户描述，他们尝试了其他方法都无效，并且引用[1]提到可能是浏览器...
runtime-core.esm-bundler.js:268 Uncaught ReferenceError: ElMessageBox is not defined
最新发布
10-30
`Uncaught ReferenceError: ElMessageBox is not defined` 错误表明在代码中使用了 `ElMessageBox`，但该对象并未被正确定义或引入。`ElMessageBox` 通常是 Element UI 或 Element Plus 组件库中的消息框组件，以下...
vue3 报错Uncaught ReferenceError: $ is not defined
02-21
好的，我现在要处理用户的问题：Vue3 报错“Uncaught ReferenceError: $ is not defined”。首先，我需要回忆一下这个错误的常见原因。通常，这个错误发生在JavaScript中使用了未定义的变量或函数。在这里，用户提到...
Uncaught ReferenceError ReferenceError: localVisitexcelData is not defined at eval (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\babel-loader\lib\index.js!.\node_modules\vue-loader\lib\webpack:\requirementinfocomponent.vue?6724:808:1) --- Promise.then --- at getfilenames (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\babel-loader\lib\index.js!.\node_modules\vue-loader\lib\webpack:\requirementinfocomponent.vue?6724:800:1) at eval (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\babel-loader\lib\index.js!.\node_modules\vue-loader\lib\webpack:\requirementinfocomponent.vue?6724:731:1) --- Promise.then --- at change (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\babel-loader\lib\index.js!.\node_modules\vue-loader\lib\webpack:\requirementinfocomponent.vue?6724:721:1) at handleStart (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\element-ui\lib\webpack:\node_modules\element-ui\lib\element-ui.common.js:29891:1) at eval (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\element-ui\lib\webpack:\node_modules\element-ui\lib\element-ui.common.js:29542:1) at uploadFiles (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\element-ui\lib\webpack:\node_modules\element-ui\lib\element-ui.common.js:29541:1) at handleChange (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\element-ui\lib\webpack:\node_modules\element-ui\lib\element-ui.common.js:29522:1) at invokeWithErrorHandling (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\vue\dist\webpack:\node_modules\vue\dist\vue.esm.js:3753:1) at invoker (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\vue\dist\webpack:\node_modules\vue\dist\vue.esm.js:1563:1) at original_1._wrapper (g:\webdemo\teachertest\teacherCode\teacher-web\teacher-web\src\node_modules\vue\dist\webpack:\node_modules\vue\dist\vue.esm.js:8038:1)
09-02
根据用户的问题，需要解决Vue项目中的错误：'Uncaught ReferenceError: localVisitexcelData is not defined'。这个错误通常表示在代码中使用了未定义的变量`localVisitexcelData`。结合用户之前的问题（关于el-...
vue vue-cli3 修改elementui的date-picker源码 引入node_modules里的element-ui后报错exports is not defined...
weixin_34405557的博客
05-28 1042
报错说明： 1.复制node_modules/element-ui/packages/date-picker里的文件到自己项目里 ---------》》》》》》》 2.运行npm run serve 报错exports is not defined 解决方案： 1.修改babel.config.js module.exports = { presets: [ ...
exports is not defined（已解决）
init_yanxiao的博客
06-30 1万+
首先在编译的时候其实就出现很多警告了提示无法编译 然后进入使用过element组件的页面，报了下面的错误exports is not defined 于是我看了下element包的源码 这个语法babel包识别不了，就是导致编译不了，而且有些浏览器也不会自动编译 **=====================下面解决** 这是babel.config的配置文件，旧版的 我们使用新版的就也可以编译啦 presets: [["@vue/app", { useBuiltIns: "entry" }]],
vue 项目中出现 Uncaught ReferenceError: exports is not defined
热门推荐
这是我的博客
12-25 2万+
在vue项目中出现Uncaught ReferenceError: exports is not defined 错误，如图： 解决方式：{ “modules”: false }阻止了babel进行模块转换；将modules改为默认设置，或者删除该配置。如图： ...
exports is not defined
许珊珊同学的专栏
08-07 1万+
若是babel 6, 可以看这位同仁的文章 https://www.cnblogs.com/vickya/p/8645061.html 若是babel 7 ， 设置 https://www.babeljs.cn/docs/babel-preset-env { "presets": ["@babel/preset-react", ["@babel/preset-env",{"modul...
vue报错：exports is not defined
Queen-Shir的博客
05-23 1万+
报错如下： 【原因】在项目中全局搜索exports，其他的文件都是配置文件，只有1个js文件是自己最近新增的，写了exports，估计出问题就是这个文件了。 该文件是用来声明全局函数的，百度查了一下，是声明函数时的写法没有按照ES6的语法来写。 接下来，放代码： //以前的错误写法 exports.install = function(Vue,options){ } //正确的写法 let base={}; base.install = function(Vue,opti...
使用vue时，报错“exports is not defined”
weixin_30341735的博客
03-25 2779
在开发中引用插件时，报错“exports is not defined” 但在引用第三方组件的时候，在浏览器中报错“exports is not defined”。根据浏览器报错信息，查询到报错来源是第三方组件的一段代码： 经过查资料，这是使用了CommonJs写法，而在应用中并没有做相应的模块转换使得浏览器能够识别。而导致这个问题是因为balbel的配置文件.babelrc的问题： 需...
关于vue,webpack 中 “exports is not defined”报错
weixin_30725467的博客
03-02 3053
vue项目npm run dev 后项目报错 ： 提示“exports is not defined”。 导致这个问题是因为balbel的配置文件.babelrc的问题： { "presets": [ ["env", { "modules": false }], "stage-2" ], "plugins": ["transform-runti...
rollup3 打包时报错 exports is not defined 或 Cannot use import statement outside a module
关中刀客在青岛
05-12 685
具体见：https://rollupjs.org/command-line-interface/#configuration-files。rollup2的配置文件是rollup.config.js，里面用es6写的导入导出没有问题，但升级到rollup3的时候报错。把配置文件的后缀改成.mjs，即明确的告诉rollup配置文件解析类型。貌似不识别es6的写法了。
vue全局函数出现exports is not defined
qq_34639706的博客
12-06 3367
vue全局函数出现exports is not defined 全局函数：func.js exports.install = function (Vue, options) { Vue.prototype.mgchhq = function (){ }; Vue.prototype.mgchgl = function (data){ }; }; 在main.js中引用： import ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值