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

最新推荐文章于 2025-05-16 14:02:26 发布
最新推荐文章于 2025-05-16 14:02:26 发布
阅读量3.6k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/msmzm/article/details/106070828
项目在本地测试正常，但打包后无法打开首页，显示export is not defined错误。通过将element-ui版本修改为2.12.0并重新安装node_modules解决了问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

以下仅学习笔记记录：

问题描述：项目在本地测试，可以正常启动，能够运行。打包以后，运行无法打开首页，报错：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 4101
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"。
Vue+Element ui 对excel的导入和导出
十七弦的博客
09-21 2873
Vue+Element对Excel表导入和导出 1.安装依赖包 npm install -S file-saver xlsx npm install -D script-loader 2.引入js文件Blob.js和Export2Excel.js 可以将Blob.js和Export2Excel.js两个文件放入src/assests/js中如图所示，（注：这两个js文件在文章末尾） 3.导出 （1）导出按钮 <el-button type="success" icon="el-
vue-admin-element打包成功后访问报错exports is not defined
HandsomeGuy_的博客
11-21 1531
初始状态： module.exports = { presets: [ '@vue/app', ], } 报错： 解决： 在babel.config.js 文件中修改 module.exports = { presets: [ ['@vue/app', { useBuiltIns: 'entry' //添加 }] ], } 访问成功！
将 Element UI 表格元素导出为 Excel 文件(处理了多级表头和固定列导出的问题）
最新发布
weixin_45672928的博客
05-16 577
将 Element UI 表格元素导出为 Excel 文件
Vue中使用Element Plus 出现ElementPlus is not defined
MonkeyRideDonkey的博客
07-18 2171
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档例如。
vue-cli 【已解决】 require is not defined 和 exports is not defind
Anonymous996的博客
08-25 7234
require is not defined
vue vue-cli3 修改elementui的date-picker源码 引入node_modules里的element-ui后报错exports is not defined...
weixin_34405557的博客
05-28 1029
报错说明： 1.复制node_modules/element-ui/packages/date-picker里的文件到自己项目里 ---------》》》》》》》 2.运行npm run serve 报错exports is not defined 解决方案： 1.修改babel.config.js module.exports = { presets: [ ...
vue3 报错Uncaught ReferenceError: $ is not defined
02-21
好的，我现在要处理用户的问题：Vue3 报错“Uncaught ReferenceError: $ is not defined”。首先，我需要回忆一下这个错误的常见原因。通常，这个错误发生在JavaScript中使用了未定义的变量或函数。在这里，用户提到...
Element-UI自学实践（二）
weixin_40017062的博客
08-24 1265
Element-UI自学实践
VUE3+Ts使用高德地图组件@vuemap/vue-amap语法检测Amap is not defind
Mr_simoon的博客
03-20 6218
第二种，如果不是eslint语法检测的问题，那就是TS的语法检测了，可以设置declare let Amap :any 或者使用TS的单行忽略 “// @ts-ignore” 就跟写注释一样，我试了结果可行，但是因为我要使用很多次new Amap ，所以暂时作为备选方案。第三种，既然Amap没有找不到，那我们就自己对外暴露一个Amap，里面包含常用的地图API不就行了，创建该文件src\types\Amap.d.ts，在tsconfig.json配置文件添加。下面是Amap.d.ts的内容，可以直接复制。
Element-ui date-picker组件报错 date.getHours is not a function
科技向善
02-09 2637
在这个例子中，date是一个Date对象。当从服务器获取数据或者从其他地方获取日期，并且这个日期不是Date对象的时候，需要先将其转换为Date对象。这个错误通常意味着date这个变量并不是一个真正的日期对象，而是其他类型，例如字符串或数字。因此，无法调用日期对象的getHours方法。在Element-ui中使用date-picker组件时，应该保证绑定的数据是Date对象，而不是其他类型。
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 2739
在开发中引用插件时，报错“exports is not defined” 但在引用第三方组件的时候，在浏览器中报错“exports is not defined”。根据浏览器报错信息，查询到报错来源是第三方组件的一段代码： 经过查资料，这是使用了CommonJs写法，而在应用中并没有做相应的模块转换使得浏览器能够识别。而导致这个问题是因为balbel的配置文件.babelrc的问题： 需...
关于vue,webpack 中 “exports is not defined”报错
weixin_30725467的博客
03-02 3011
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 651
具体见：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 3331
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、付费专栏及课程。

余额充值