exports is not defined（已解决）

最新推荐文章于 2024-06-12 11:07:05 发布
最新推荐文章于 2024-06-12 11:07:05 发布
阅读量1.7w 收藏 7
点赞数 3
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/init_yanxiao/article/details/118358781
版权

首先在编译的时候其实就出现很多警告了提示无法编译
在这里插入图片描述
然后进入使用过element组件的页面，报了下面的错误exports is not defined
在这里插入图片描述
于是我看了下element包的源码
在这里插入图片描述
这个语法babel包识别不了，就是导致编译不了，而且有些浏览器也不会自动编译
**=====================下面解决**
这是babel.config的配置文件，旧版的
在这里插入图片描述
我们使用新版的就也可以编译啦

presets: [["@vue/app", { useBuiltIns: "entry" }]],

在这里插入图片描述

颜笑·
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
Uncaught ReferenceError: exports is not defined 解决办法
木子聊前端
06-10 2万+
缘由 在不借助任何框架，单纯在浏览器运行，学习typescript ，开始一切都很美好，在命令行输入 tsc xxx.ts 然后把编译好都代码放到html，在浏览器运行，得出了预期结果。心情很舒畅，眼看就要顺利学完ts了。准备迎接毕业典礼，升职加薪； 突然的报错 模块是一个让人兴奋的区域，我们充分理解了模块带来的好处并切 对import和export 有很大期待，开始写入测试代码 test.ts import {hi} from './hello'; // import 的使用 console.log(
webpack DllPlugin xxx is not defined解决办法
12-13
module.exports = { mode:"production", output: { path:path.resolve(__dirname, '../dist'), filename: '[name].dll.js', library: dllName, //这里需要和DllPlugin option.name 一致 }, entry: { "lib":
使用vue时，报错“exports is not defined”
weixin_30341735的博客
03-25 2431
在开发中引用插件时，报错“exports is not defined” 但在引用第三方组件的时候，在浏览器中报错“exports is not defined”。根据浏览器报错信息，查询到报错来源是第三方组件的一段代码： 经过查资料，这是使用了CommonJs写法，而在应用中并没有做相应的模块转换使得浏览器能够识别。而导致这个问题是因为balbel的配置文件.babelrc的问题： 需...
Vue脚手架引入vant 以及 Vant is not defined原因
最新发布
weixin_55797790的博客
06-12 260
本文基于vue 2.6.14 以及 vant 2.13.2 版本的 vue-cli 脚手架。
vue3.0 - 报错Uncaught ReferenceError: exports is not defined
sunshime的博客
02-14 6836
  今天遇到了一个很奇葩的问题，就是在使用vue3.0的router的时候出现了 exports is not defined 的报错，尝试了很多方法都无法解决，后面看到一位大佬的文章说可以尝试着给router安装下一个版本npm install vue-router@next -D，当前我用的是"vue-router": "^4.0.0"，然后我安装之后就没有报错了，但是当我重新安装回 4.0.0 版本的时候，这个报错也不存在了，我还是没找到照成这个问题的原因所在。不过如果大家遇到了这个问题，可以通过我上
Vue3+Ts+Webpack编写项目，遇到的问题总结
努力的nana
01-05 1270
vue3+ts编写项目遇到的问题总结
Uncaught ReferenceError: exports is not defined
weixin_44740072的博客
07-24 9176
Uncaught ReferenceError:exports is not defined
exports is not defined
02-26 2131
问题原因：@babel/runtime 最近更新到了 7.13.x，有较大改动，引起兼容问题 目前已经更新 preset，对已经安装了新版本 @babel/runtime 的用户提供以下两种解决方案： 一、回退 @babel/runtime 版本 删除 node_modules 目录和 package-lock.json 文件，在 package.json 文件中增加开发依赖 "@babel/runtime": "~7.12.0"，执行 npm install 重新安装依赖即可 二、修改 bab..
使用gulp-babel转换Es6出现exports is not defined 问题
weixin_30337157的博客
04-15 968
//问题描述：当使用import导入模块时，出现exports is not defined //1、安装插件 npm install --save-dev babel-plugin-transform-es2015-modules-umd //2、设置.babelrc配置文件 { "plugins": ["transform-es2015-modules-umd"]...
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-cli 【已解决】 require is not defined 和 exports is not defind
Anonymous996的博客
08-25 6356
require is not defined
DllExports-常见问题和解决方案
04-09
"DllExports-常见问题和解决方案"的主题聚焦于从DLL导出函数以及如何实现语言独立性，这对于跨语言编程和系统优化至关重要。以下是一些关于这个主题的关键知识点： 1. **DLL基础知识**：DLL是一种包含可由多个程序...
MacOS无法挂载NFS Operation not permitted错误解决办法
08-31
总的来说，解决“Operation not permitted”错误的关键在于检查客户端的网络配置、使用`resvport`选项以及在服务器端的NFS导出配置中启用“insecure”连接。希望这个指南能帮助你解决问题，如果还有其他疑问，可以...
Vue中”This dependency was not found”问题的解决方法
12-10
总结来说，解决Vue中"This dependency was not found"的问题，首先要确保使用正确的相对路径进行文件导入。如果问题依然存在，检查Webpack配置中的`alias`别名设置，以及是否配置了处理特定文件类型的loader。在开发...
vue 项目中出现 Uncaught ReferenceError: exports is not defined
热门推荐
这是我的博客
12-25 2万+
在vue项目中出现Uncaught ReferenceError: exports is not defined 错误，如图： 解决方式：{ “modules”: false }阻止了babel进行模块转换；将modules改为默认设置，或者删除该配置。如图： ...
vue报错 Uncaught ReferenceError: exports is not defined
chaitong2204的博客
08-06 1万+
最近发现vue报这个错，上网查了一些资料，发现在webpack 2后不允许混合使用import和module.exports 1.解决办法 统一改成ES6的方式 export default XXX; 2.解决办法 找到.babelrcf删除transform-runtime ...
vue-cli创建uni-app项目 exports is not defined 解决方法
weixin_59685936的博客
09-24 3421
vue-cli创建uni-app项目 exports is not defined 解决方法
electron-vite-vue打包完，vue-router报错exports is not defined
个人博客
04-04 5335
官方给出了解决方案
Loading.vue:28 Uncaught ReferenceError: defineExpose is not defined
01-19
根据提供的引用内容，你遇到了一个关于Node.js的错误。错误信息是"Uncaught ReferenceError: require is not defined"和"Uncaught ReferenceError: defineExpose is not defined"。这些错误通常是由于在浏览器环境中使用了Node.js特定的语法或模块导入导致的。 要解决这个问题，你可以尝试以下几种方法： 1. 确保你的代码在浏览器环境中运行，而不是在Node.js环境中。Node.js的模块导入语法（例如require）在浏览器中是不支持的。如果你的代码是为Node.js编写的，你需要将其修改为适应浏览器环境的语法。 2. 检查你的代码中是否有使用了Node.js特定的模块或语法。例如，如果你在浏览器中使用了require语句来导入模块，你需要将其替换为浏览器支持的模块导入语法（例如ES6的import语句）。 3. 检查你的代码中是否有使用了第三方库或框架，这些库或框架可能依赖于Node.js环境。如果是这种情况，你需要查看它们的文档或寻求相关支持来了解如何在浏览器中正确使用它们。 4. 检查你的项目的package.json文件中是否设置了"type"字段为"module"。如果设置了这个字段，Node.js会将项目作为ES模块进行处理。如果你的代码不是使用ES模块语法编写的，你可以将"type"字段设置为"commonjs"，以确保Node.js正确处理你的代码。 5. 检查你的项目中是否存在.mjs文件。如果存在，Node.js会将这些文件作为ES模块进行处理。如果你的代码不是使用ES模块语法编写的，你可以将这些文件的扩展名修改为.js，以确保Node.js正确处理它们。 希望以上方法能帮助你解决问题！如果你还有其他问题，请随时提问。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

颜笑·

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值