vue+element-ui 编译出错 unexpected token的问题

最新推荐文章于 2023-12-23 21:42:44 发布
最新推荐文章于 2023-12-23 21:42:44 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bingqise5193/article/details/109157792
版权

问题描述
为了使用element-ui中的一些新特性，升级版本后也升级了相应的vue,vue-loader等，但是出现如下问题：
在这里插入图片描述
问题分析
可以看到是由于解析不了jsx的语法出错，只需要增加对其的支持即可

解决办法
在这里插入图片描述
具体参考：https://github.com/vuejs/babel-plugin-transform-vue-jsx

bingqise5193
关注
专栏目录
vue项目出现Uncaught SyntaxError: Unexpected token 解决方案
Eric__Zhang的博客
09-28 3801
vue项目出现Uncaught SyntaxError: Unexpected token 解决方案 最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。 根据广大的网页的思路，导致这一现象的原因可能有以下几种： 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放在assets中。 2.st
vue 构建失败 --Unexpected token: punc (()
wangpengfei10的博客
03-08 3826
npm run build 构建失败vue 打包出错——Unexpected token: punc (()ERROR in static/js/vendor.01f38d9d512d1cb86953.js from UglifyJs Unexpected token: punc (() [./node_modules/_element-ui@2.0.5@element-ui/src/mixins...
ireport 编译时报错unexpected token:}
BatFor的博客
03-27 765
报的错和这几个问题相似，都是unexpected token什么什么的。 链接：1 2 报这类错最蛋疼的就是，报错信息给了你具体位置，多少行多少列，但是你又没这个文件（这个文件貌似是程序自己生成的一个java文件），无从下手。最后只好一个一个控件的删除调试。 首先断开所引用的数据库查出来的数据字段（$F{…}这种），发现还是报错。 接着一个一个的删除控件调试，…，在当我删除一个重叠的image控...
vue-cli element-ui打包报错Unexpected token: operator (>)
weixin_34250709的博客
06-22 919
问题：打包时报错 ERROR in assets/js/8.1cf9f71e2f3b3b6ed470.js from UglifyJs Unexpected token: operator (>) [node_modules/_element-ui@2.4.1@element-ui/src/mixins/emitter.js:2,0...
element ui tree自定义样式报错 Unexpected token
qq_34412985的博客
10-12 658
element ui tree自定义样式报错 在ElementUI 2.4.1版本中，使用Tree树形控件中的自定义控件时，运行npm run dev，产生报错信息 Syntax Error: Unexpected token (114:5) 112 | renderContent(h, { node, data, store }) { 113 | return ( > 114...
写element表单校验时遇到Parsing error: Unexpected token报错
weixin_44240448的博客
07-20 221
错误原因：return 后边应该是对象而不是数组框。
Element-UI 树形控件，报错Syntax Error: Unexpected token (108:10)＜span＞标签报错（已解决）
风不知从何处起的小屋
04-09 719
官方文档地址 这里给出具体的报错截图 问题解决：这是因为树形控件需要jsx语法支持，需要安装vue中的jsx的插件transform-vue-jsx才支持jsx的写法 安装相关依赖到生产环境中（-S / --save 将依赖添加到生产环境中） npm install babel-plugin-transform-vue-jsx -S npm install babel-helper-vue-jsx-merge-props -S npm install babel-plugin-syntax-jsx -
解决vue+elementui项目打包后样式变化问题
10-15
在ElementUI的案例中，错误提示`Unexpected token: punc (()`表明UglifyJS遇到了不识别的括号，这通常是由于它不支持ES6的语法。为了解决这个问题，我们需要在Webpack配置中指定Babel编译ElementUI的源码。在`...
解决vue2中使用elementUi打包报错的问题
10-14
**错误2：UglifyJs编译错误：Unexpected token: operator (>)** 这个错误通常是因为UglifyJs不支持ES6语法，而ElementUI或其依赖中可能包含了ES6特性。解决这个问题需要配置Webpack，确保Babel编译器能够处理...
【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践
xxxzzzqqq_的博客
03-15 2341
预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
Uncaught SyntaxError: Unexpected token ‘export‘
m0_46732421的博客
07-18 887
用module属性申明export default 是es6的写法,以免部分浏览器不兼容。
chunk-vendors.7142f8da.js:1 Uncaught SyntaxError: Unexpected token ‘＜‘
qq_53582111的博客
09-07 552
这是我vue 打包后 用 serve -s dist 预览发现的
Invalid or unexpected token错误
weixin_43755513的博客
08-14 2542
无效的标记或符号：文档里有注释没加注释符
element-ui et -i 编译默认主题报错：ReferenceError: primordials is not defined
baidu_38820320的博客
04-21 1887
这个问题的主要原因是node的版本过高或gulp版本过低。 在网上查阅了很多资料，都不能解决萌新遇到的问题，但在查阅过程中，在两个网址里获得了提示： sass - How to fix "ReferenceError: primordials is not defined" in Node.js - Stack Overflow Gulp错误:gulp.hasTask不是函数 | 经验摘录 按照官网的步骤安装完相应插件后，仍出现报错： 根据报错提示，找到安装在本地的 element-theme
vue+elementUI打包后在IE10以下出现语法错误的原因与解决办法
随风丶逆风的博客
11-26 2955
原因 IE10以下报下面的错误： 查看详情就会发现是elementUI的ES6语法并未被编译转换成ES5 解决办法 安装了babel、babel-loader的前提下，在webpack.base.conf.js中相应位置添加如下配置即可 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src')...
按照官网的方法vue局部引入element-ui报错及解决办法SyntaxError: Invalid or unexpected token @ multi (webpack)-dev-server
weixin_38345306的博客
10-13 781
问题：按照官网知识局部引用element-ui报错， 执行“npm install babel-plugin-component -D”后直接运行项目报错SyntaxError: Invalid or unexpected token @ multi (webpack)-dev-server/client? 原因：未安装element-ui 解决办法： 执行npm install --save element-ui命令即可 ...
element 默认主题样式
我是小妖yun的博客
11-27 1530
element-variables.scss /* Element Chalk Variables */ // Special comment for theme configurator // type|skipAutoTranslation|Category|Order // skipAutoTranslation 1 /* Transition -------------------------- */ $--all-transition: all .3s cubic-bezier(.645,.0
Parsing error Unexpected token错误解决方案
m0_67402235的博客
03-11 5384
问题描述： import动态导入，将js文件单独打包时，webpack打包错误 import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); }); 构建出错： ERROR in ./src/js/index.js Module Error (from ../../node_modules/_
vue3+ts+element-plus‘， eslint 报错 Parsing error:Unexpected token, expected “from“
最新发布
u011602641的博客
12-23 6137
控制台执行 npm install --save-dev typescript @typescript-eslint/parser。代码：import type {UploadProps, UploadUserFile} from ‘element-plus’vue3 引用element-plus 上传图片el-upload组件时报错。修改package.json文件 eslintConfig 配置。原因 ：未安装typescript-eslint/parser。安装成功后重新启动 无报错。
Vue+element-ui Table二次封装实践详解
在基于Vue+element-ui的Table二次封装过程中，首先需要了解element-ui的Table组件的基本用法，包括数据绑定、列定义、事件处理等。例如，`<el-table-column>`用于定义表格的列，可以通过`prop`属性指定数据字段，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值