vue项目 使用 export * from 時候报错

最新推荐文章于 2023-12-27 11:04:43 发布
最新推荐文章于 2023-12-27 11:04:43 发布
阅读量2.8k 收藏
点赞数
分类专栏： babel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/palmer_kai/article/details/106943753
版权

报错信息

ReferenceError: exports is not defined
    at eval (318:10)
    at Object.318 (0.js:56)
    at __webpack_require__ (index.js:689)
    at fn (index.js:110)
    at eval (462:27)
    at Object.462 (0.js:199)
    at __webpack_require__ (index.js:689)
    at fn (index.js:110)
    at eval (add-channel.vue?eb39:8)
    at Object.565 (0.js:367)

解决方案

去掉 babel.js 中的 es2015 preset 即可
可查看 官网相关信息 ， 官方推荐了新的 babel preset 来替代 es2015 preset

在这里插入图片描述

总结

  1. MDN 看了 export 语法格式没有问题
  2. 尝试升级了webpack
  3. 确认是 babel 问题， 看了插件相关，最后 确认是 preset 中 es2015 问题
palmer_kyle
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2/3 - 详细解决报错 SyntaxError: Cannot use import statement outside a module，vue项目编译运行或build打包时报错，无法执行！
高级前端工程师
08-14 3985
vue2，vue3，webpack，vue-cli，vite，项目运行，run dev，项目打包，run build，vue报错，vue启动报错，vue打包报错，如何解决这个问题，不能在模块外使用import语句，vue SyntaxError: Cannot use import statement outside a module，已经排查了import没问题，还是报错，项目编译不了，运行不了，node下无法使用import，vue报错Cannot use import statement outsid
vue3 - vue-i18n 解决报错 Uncaught SyntaxError: Not available in legacy mode，vue使用vue-i18n国际化多语言浏览器控制台报错
最新发布
高级前端工程师
07-04 1507
vue3，nuxt3，vue-i18n，报错，多语言国际化，vue3 vue-i18n报错，Uncaught SyntaxError: Not available in legacy mode，还是报错，vue-i18n插件报错，legacy，把legacy设置成false还是报错，Vue3国际化vue-i18n简繁体及英文切换，this.$t报错，如何解决这个错误，实现国际化语言切换控制台报错，爆红，vite，webpack，无法打包，项目无法启动，VUE3使用vue-i18n插件进行国际化多语言时报错，
export * from ‘./lib/export/core.js‘&SyntaxError: Unexpected token ‘export‘的报错
m0_52952413的博客
08-18 1028
当下载运行的时候就会一直报一个错误。
【Vue3+Ts project】export * from ‘./xxx‘ 、import { 名字 as 新名字 } from ‘./xxx‘
m0_64494670的博客
04-29 1934
export * from './文件名'： 统一导出、import { 名字 as 新名字 } from './xxx' ： 重命名
关于vue,webpack 中 “exports is not defined”报错
weixin_30725467的博客
03-02 2775
vue项目npm run dev 后项目报错 ： 提示“exports is not defined”。 导致这个问题是因为balbel的配置文件.babelrc的问题： { "presets": [ ["env", { "modules": false }], "stage-2" ], "plugins": ["transform-runti...
export 到处模块从另一模块中出错
a8725585的博客
07-06 1499
a.js作为中间件export模块 from使用说明
解决使用vue ui命令报export { default as v1 } from ‘./v1.js‘
xwc999
07-24 2319
错误代码 C:\Users\xwc\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\apollo-engine-reporting\node_modules\uuid\dist\esm-browser\index.js:1 export { default as v1 } from './v1.js'; ^^^^^^ SyntaxError: Unexpected token 'export' at wrapSafe (internal
解决vue 引入子组件报错的问题
10-18
总结来说，解决Vue引入子组件报错的问题关键在于遵循Vue的组件命名规则，避免使用HTML保留标签作为组件ID。合理地命名和注册组件，不仅可以避免潜在的冲突，还能提高代码的可读性和可维护性。在实际开发中，理解并...
Vue项目中quill-editor带样式编辑器的使用方法
08-29
综上所述，要在Vue项目中使用quill-editor，你需要配置编辑器选项，处理图片和视频的上传，以及监听编辑器的相关事件。这样，用户就能在一个带有样式支持的富文本编辑器中自由创作，同时可以根据项目需求自定义图片...
vue2-preview 生产环境打包报错
小仙女的博客
10-28 1865
情况：vue项目里使用了vue2-preview插件，但是在npm run build的时候打包报错 原因：因为vue2-preview插件里使用了ES6的语法，而我的webpack的babel-loader配置把node_modules文件下的代码除外了 { test: /\.js$/, use: 'babel-loader', exclude: /node_...
使用es6中import和export报错
qq_42535651的博客
02-07 2163
在学习import和export时，写了一个小demo进行测试 //index.html <script> import test from './test.js' test() </script> //test.js export default function (){ console.log('调用了test.js里的export函数了哦') } 可是会报错CO...
Vue 3 源码导读
前端达人
10-05 879
关注前端达人，与你共同进步作者：方应杭链接：https://juejin.im/post/5d977f47e51d4578453274b3来源：掘金5号凌晨，尤雨溪公布了...
export * from ‘‘
gu2022_3_5_21_23的博客
03-08 261
export * from
export * from 与 export {default} from用法
qq_45389934的博客
03-19 908
统一导入导出:可以将统一目录下的多个可导出文件统一导出。会把 a 中所有的非default导出。在需要导入的地方可通过解构导入即可。需要 a 中导出 default。需要 a 中导出 a、b。
export * from 统一导入导出
04-14 1341
统一导入导出：可以将统一目录下的多个可导出文件统一导出，在需要导入的地方可通过解构导入即可。
浅析export * from 与 export {default} from用法
imkaifan的博客
04-30 7454
浅析export * from 与 export {default} from用法
export * from 与 export {default} from用法总结
天问博客-专注于大前端技术
12-27 1263
ES6 设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量，因此前端模块化日益趋向 ESModule 规范。
关于如何在 vue 中使用 js 数据和方法 export、export default、module.exports
thirteen_king13的博客
05-17 3717
export 在 js 中 export function test1Fn1() { let list = [ { id: 1, name: "1111", }, { id: 2, name: "2222", }, { id: 3, name: "3333", }, ]; return list; } export function test1Fn2() { let lis
VUE_vue模块化开发导出导入使用了，export，export default，module.exports，as重命名
小歪博客
12-24 979
export //导出 文件 a.js export function a() { return 123; } export let b = 123; //导入 import {a,b} from './a.js'; module.exports //导出 文件 a.js module.exports = { a:123, b:456, }; //导入 import {a,b} from './a.js'; export default //导出 文件 a.js export default{
vue export default 整段 报错
08-29
错误信息"export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘"表示在Vue项目中，无法找到默认导出的VueRouter。这个错误通常是由于路由组件的问题引起的。 另外一个错误信息"export ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值