vue Syntax Error: Unexpected token {

最新推荐文章于 2024-11-24 20:53:22 发布

weixin_34414196

最新推荐文章于 2024-11-24 20:53:22 发布

阅读量1.5k

点赞数

文章标签： javascript 前端 ViewUI

本文记录了一个Vue项目在启动过程中遇到的编译错误，主要错误为SyntaxError：Unexpected token {，并给出了具体的错误路径及解决方案，建议升级vue-loader版本至11.1.4。

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

> music@1.0.0 dev F:\music\music
> node build/dev-server.js

> Starting dev server...
ERROR Failed to compile with 2 errors14:30:11

error in ./src/App.vue

Syntax Error: Unexpected token {

@ ./src/main.js 4:0-24
@ multi ./build/dev-client ./src/main.js

error in ./src/components/HelloWorld.vue

Syntax Error: Unexpected token {

@ ./src/router/index.js 3:0-49
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

> Listening at http://localhost:8080

安装"vue-loader": "11.1.4",可解决

npm uninstall --save-dev vue-loader //删除vue-loader

npm install --save-dev vue-loader@11.1.4 //安装vue-loader

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34414196

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp - 解决报错 SyntaxError: Invalid or unexpected token（SyntaxError:无效或意外的令牌）Uniapp页面编译或打包报错无法运行白屏等问题

资深程序员

06-02

1万+

Uncaught SyntaxError: Invalid or unexpected token，uni-app报错Invalid or unexpected token，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，uniapp 编译项目时报 SyntaxError: Invalid or unexpected token，突然就不行了报错，小程序编译报错，uniapp微信小程序报错Invalid or unexpected token，页面白屏报错，无效或

vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错

10-17

主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1 条评论您还未登录，请先登录后发表或查看评论

Vue 项目启动抛出 Syntax Error/ Unexpected token

u010565037的博客

10-12

3658

项目启动时抛出了标识符无法识别的错误错误原因 ES6 新增了不少标识符，但浏览器大多无法直接识别，需要借助babel对 ES6 代码进行转义项目启动时抛出如下错误，表示...运算符没能被识别，该运算符属于 ES6 的解构运算符出现该问题的原因基本上可以定位是项目没有配置babel 即时package.json文件中已经引入babel，但仍然需要在项目根目录创建一个.balbelrc文件进行配置解决方式在项目根目录创建.babelrc文件即可实现对ba...

Syntax Error: Unexpected token 报错原因

aojium50507的博客

07-17

3776

这个错误很常见。那么到底是什么原因呢就是一句话：检查一下你的符号。今天在写vue测试时还好好的，看了一场电影就不行了。可能走的时候不小心把一个空格打进去了。上图把": 改成" : 虽然vue里有eslint检查语法，但某些小地方是不会显示语法错误的。转载于:https://www.cnblogs.com/Amy-is-a-fish-ye...

vue项目Syntax Error: Unexpected token (1:1260)

m0_46370471的博客

04-07

1681

我遇到这个问题是因为项目中有个文件里的代码有问题，没有写好，这个问题一般都是文件里的代码问题，至少我遇到的是这样的。所以查看报错提示里提示的文件在哪里，进去看一下代码有没有写错。 ...

Vue 项目报错：Syntax Error:Unexpected token 和 Module build failed: Error: No PostCSS Config found in...

涤生的博客

10-07

4653

以下分别对标题中的两个报错做出解答：问题一描述：Vue 项目运行报错(提示：Syntax Error:Unexpected token)，且报错提示位于扩展运算符原因：Vue 项目构建不支持扩展运算符，需要手动配置解决方法：在项目根目录手动创建一个 .babelrc 文件，将下面内容写入该文件后重新 npm run dev 即可 { "presets": [ "stage-2" ] } 问题二描述：Vue 项目运行构建报错(提示：Module build failed: Er

Vue项目报错：Uncaught SyntaxError: Unexpected token <

10-17

主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Vue项目报错：Uncaught SyntaxError: Unexpected token

01-19

控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图：仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...

vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错

01-21

前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文

JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法

10-21

主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下

Vue--解决...运算符报错：Syntax Error: Unexpected token

最新发布

weixin_50110563的博客

11-24

1384

1.在你的vue项目下找到文件夹node_modules，以及文件package-lock.json，将它们手动删除；一般来说以上步骤就可以了，实在不行再更新一些npm：npm install -g npm。：确保你的 Node.js 和 npm 版本是兼容的。：清理 npm 缓存以确保没有损坏的缓存文件。注意以上bash命令需要在vue的项目根路径下执行。这个问题通常是由于文件损坏或编码问题导致的。：重新安装项目的所有依赖。

Vue报错SyntaxError: Unexpected token ‘＞‘ 终极解决办法

Clarence_Pang的博客

09-19

3119

一个折磨我两个小时的问题终于解决了！

Vue项目报错：Uncaught SyntacError: Unexpected token ＜

buchiyudegarcat的博客

01-04

194

本人在项目中遇到的时js本地库存放位置问题。据以下答案修改后问题修复。相关链接： Vue项目报错：UncaughtSyntaxError:Unexpectedtoken<_-互联网文档类资源-优快云下载Vue项目报错：UncaughtSyntaxError:Unexpectedtoken<_-互联网文档类资源-优快云下载 ...

vue项目出现Uncaught SyntaxError: Unexpected token 解决方案

Eric__Zhang的博客

09-28

4270

vue项目出现Uncaught SyntaxError: Unexpected token 解决方案最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。根据广大的网页的思路，导致这一现象的原因可能有以下几种：原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放在assets中。 2.st

Syntax Error: Unexpected token (1:1721)

郭宝的博客

01-17

1万+

错误场景：在运行vue项目的时候出现的该错误，具体错误如下图所示：解决办法：经过仔细审阅LogParametersDialog.vue 文件中的代码以后，发现是v-model没有指定值所导致的，最可气的就是WebStorm竟然也没有任何错误提示，不过还好本人够仔细，让我给找出来的。 ...

Vue3 router 刷新路由报错 Uncaught SyntaxError Unexpected token

技术前端，忠于热爱 @回忆哆啦没有A梦

12-31

2716

Vue router history模式下路由刷新白屏，控制台报错：Uncaught SyntaxError Unexpected token

vue打包项目报Unexpected token分析及解决方法

lilongwei4321的博客

09-20

2万+

1、vue打包项目放到，内网发现报错，不要慌，查看报错的文件，我的是有3个报错，rem.js，md5.js等文件；点开文件发现找不到，说明路径配置有问题 2、我的项目是放在非根目录下的所以需要配置config/index.js文件 build assetsPublicPath:'/fishagent/'，fishagent非根目录下的路径名，具体操作可以看我之前的文档 https://blo...

npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题

H5爱好者

05-28

6万+

vue SyntaxError: Unexpected token '}'

08-11

这个错误通常出现在 Vue.js 的模板中，表示模板中的语法有误，导致解析出现问题。常见的原因是 Vue 模板中的标签没有正确闭合，或者在模板中使用了不支持的语法。请检查你的 Vue 模板代码，确保所有的标签都正确闭合，没有遗漏的结束标签。另外，也要注意不要在模板中使用不支持的语法，比如在双花括号内使用 JavaScript 的对象字面量或函数调用等。如果问题仍然存在，可以提供相关代码片段，以便更详细地分析和解决问题。