Nuxt2+echarts5报错Unexpected token export?

已于 2023-07-08 18:44:20 修改
阅读量783 收藏 1
点赞数 1
文章标签： 前端 javascript vue.js
于 2023-07-08 18:11:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sun_qqq/article/details/131614761
版权

当在Nuxt.js中使用ECharts 5时出现"Unexpected token export"错误通常是由于Nuxt.js默认使用的是CommonJS模块系统，而ECharts 5使用ES模块语法所致。

为了解决这个问题，需要对ES模块语法进行转译。你可以尝试以下方法：

在nuxt.config.js中设置

  build: {
    transpile: [/echarts/, /zrender/]
  },

其中zrender为echarts依赖的底层组件，注意填写，否则可能无法生效。

配置之后，Nuxt会自动对ES模块进行转义，无需对转义进行额外配置，这个还是很方便的

sun_qqq
关注
在nuxt.js项目中引入echarts
一只前端小菜鸟的博客
08-28 8588
只需要三步就搞定 第一步：安装echarts所需的依赖包 npm install echarts --save  第二步：在plugins目录下创建echarts.js文件并在里面引入echarts依赖包 import Vue from 'vue' import echarts from 'echarts' // 引入echarts Vue.prototype.$echarts = e...
nuxt引入quill-image-resize-module报错解决
weixin_33895016的博客
01-24 3244
问题 nuxt在使用vue-quill-editor时官方提供的例子，关于图片处理，仅仅只是展示图片，上传的图片并不能进行任何操作，在实际操作中显然是不可行的，网上找资料，可以使用quill-image-resize-module来进行集成处理，按照网上例子引入时，会出现Cannot read property 'imports' of undefined问题。 解决 1、首先在目录plugins...
Nuxt.js Unexpected token ‘export‘
lllomh的博客
05-28 2175
这种情况报错如果是知道问价的话,就看文件比如 遇到
export * from ‘./lib/export/core.js‘&SyntaxError: Unexpected token ‘export‘的报错
m0_52952413的博客
08-18 1079
当下载运行的时候就会一直报一个错误。
vscode新建nuxt项目报错 Unexpected token ...
weixin_33798152的博客
04-02 2790
问题：最近写vue/nuxt项目，发现新建项目之后总是报错，本人使用的编辑器是VScode，如图：度娘告诉我了各种方法，最多的一种是："javascript.validate.enable": true 改为 "javascript.validate.enable": false尝试过之后，依然没有解决。同时把javascript的验证改为eslint，依然报错。解决：后来看了git，才知...
Unexpected token ‘export‘
you200282的博客
08-26 1274
Unexpected token ‘export‘
window上部署nuxt项目
weixin_43848532的博客
04-09 721
1、在项目文件下打包文件 npm run build 2、把以下几个文件夹压缩传上window服务器上 .nuxt static nuxt.config.js package.json 注：下面两个网上的都不需要，可是我没有就报错了。。。 server ( 没有的话，会报一个 .nuxt/dist/server 找不到的错误 ) plugins( 没有的话，会报一个找不到对应plugins的...
centOS上部署nuxt项目
weixin_43848532的博客
03-24 912
1、在项目文件下打包文件 npm run build 2、把以下几个文件夹压缩传上centOS服务器上 .nuxt static nuxt.config.js package.json 注：下面两个网上的都不需要，可是我没有就报错了。。。 server ( 没有的话，会报一个 .nuxt/dist/server 找不到的错误 ) plugins( 没有的话，会报一个找不到对应plugins的...
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Vue常见问题汇总及解决方案
qq_15859173的博客
12-09 2444
Q1：安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ npm install -g cnpm --registry=https://registry.npm.taobao.org // cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些 yarn 和 npm 改源大法 //使用 nrm 模块 : www.npmjs.com/package/nrm npm co
报错 ：Uncaught SyntaxError: Unexpected token ‘export‘
Alex__King的博客
07-15 1万+
最近在看vue 源码，然后写了一个测试文件 test.html 写了一个 script 标签在浏览器运行发现报错 <script> export default class Observer { } </script> 正确写法： <script type='module'> export default class Observer {} </script> 原因： export default 这个是es6的写法目前有些浏览器不兼容，需要
vue单元测试SyntaxError: Unexpected token ‘export‘
xuefeng11111的博客
09-05 4723
贴上错误信息，方便搜索引擎查找类似错误 Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel config, it will use that to transform your
Uncaught SyntaxError: Unexpected token ‘export‘
m0_46732421的博客
07-18 882
用module属性申明export default 是es6的写法,以免部分浏览器不兼容。
SyntaxError: Unexpected token export
TE杨
04-04 7291
在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。 我今天是为了解决跨域问题，配置了反向代理，代码如下： export default { devServer: { proxy: { '/api': { ...
export报错SyntaxError: Unexpected token export
热门推荐
奋斗的小绿萝
08-09 14万+
情景重现 a.js export let test = function () { console.log('1'); } b.js let a= require ('./a'); a.test(); 运行node b，即出现如下报错： export default { ^^^^^^ SyntaxError: Unexpected token export 解决方法 a....
Uncaught SyntaxError: Unexpected token ‘export‘ 解决方法
蓝胖子的博客
02-09 9264
Uncaught SyntaxError: Unexpected token ‘export‘ 解决方法
node中报错Unexpected token ‘export‘
qq_46580571的博客
03-30 4137
在node.js中默认仅支持CommonJS模块化规范，export 和import属于ES6的模块化语法，所以 1.必须具备node.js的安装版本高于v14.15.1 2.在package.json 中声明 "type": "module",如果不声明默认是CommonJS
nuxt2+vite
最新发布
09-02
Nuxt2和Vite都是现代化的前端开发工具，但它们有一些区别和特点。 Nuxt2是一个基于Vue.js的应用框架，它提供了许多有用的特性和功能。一方面，Nuxt2可以帮助我们快速构建和开发通用的Vue.js应用程序。它内置了路由...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

sun_qqq

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

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

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

打赏作者

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

抵扣说明：

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

余额充值