解决 Unexpected token ‘:‘ 错误解决方法

最新推荐文章于 2024-09-05 12:56:07 发布
最新推荐文章于 2024-09-05 12:56:07 发布
阅读量9.9k 收藏 3
点赞数 4
分类专栏： vue 前端 文章标签： webpack npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y4258/article/details/129261749
版权
vue 同时被 2 个专栏收录
28 篇文章 1 订阅
订阅专栏
前端
28 篇文章 1 订阅
订阅专栏
当运行Vue项目遇到Unexpectedtoken:错误，通常是由于不正确的JSON文件引入方式导致。确保在public目录下引用JSON文件，使用正确的相对路径（如.../）并在.vue文件中引入。webpack打包后会查找public目录下的资源，引用路径应为/img/json.json格式。
摘要由CSDN通过智能技术生成

解决 Unexpected token ':'

问题

在运行项目时，抛出Unexpected token ‘:’ 错误，如图：
在这里插入图片描述

原因

在引入public下的json文件时，可能方法或路径不对，造成的报错

注意

1.public下的index引用你的json文件文件
2. 引入注意是script还是link
3. 在.vue页面引入，需要…/这种相对路径的方式引入
4. 在public下的引入可以是 ‘/img/json.json’这种形式，webpack打包后找不到文件回去public下找

解决

在这里插入图片描述

Y4258
关注
专栏目录
正确解决Unexpected token: operator xxxxx异常的有效解决方法
wbajsjhhhhh的博客
05-03 2936
正确解决Unexpected token: operator xxxxx异常的有效解决方法
SyntaxError: Unexpected Token：代码中有意外字符的完美解决方法
沉淀、分享、成长，让自己和他人都能有所收获！
08-11 2万+
大家好，我是默语！作为一名全栈开发和人工智能技术爱好者，我经常在编写代码时遇到各种各样的错误。今天，我要和大家分享的是一个非常常见但又让人头疼的问题——SyntaxError: Unexpected token。这类错误经常发生在我们编写JavaScript代码时，尤其是在没有注意到细微的字符差异时。本篇博客将深入剖析这种错误的原因，并提供有效的解决方案，帮助大家在日常开发中避免类似问题的发生。
SyntaxError: Unexpected token ‘?
最新发布
weixin_47138801的博客
09-05 701
3）这时候重新初始化vue，npm init vue，出现下图Vue.js - The Progressive JavaScript Framework的提示，则说明安装成功。我用的是中文网，登录网站后，切换到下载安装，然后根据自己的系统下载想要的版本，如图我下载的是长期支持的20.17.0版本。一般选择安装包，就不需要配置环境变量，如果选择二进制文件，需要自己配置环境变量。如图下面npm的版本是6.13.4，版本太老，所以现在咱们需要下载新版本的安装包重新安装。
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
unexpected token
weixin_42576410的博客
02-09 6251
"unexpected token" 是编程语言中的一种错误消息，通常表示在代码中遇到了不符合语法规则的标记(token)。它通常意味着程序员在代码中犯了一个语法错误，需要修正代码以使其符合语言的语法规则。 ...
JSONP跨域请求数据报错 “UNEXPECTED TOKEN :”的解决办法
shjavadown的博客
07-27 4908
Jquery使用ajax方法实现jsonp跨域请求数据的时候报错 “Uncaught SyntaxError: Unexpected token :”，主要问题在于返回的数据格式不正确 本地虚拟两个域名，分别为：www.test.com、www.abc.com http://www.test.com/index.html页面点击按钮，请求返回www.abc.com域名目录下的文件的数据
解决 SyntaxError: Unexpected token ‘.‘ 报错问题
samll_redhat的博客
05-07 4290
解决 SyntaxError: Unexpected token '.' 报错问题
Nutz 框架下 测试 jQuery-JSONP 插件跨域调用功能（Uncaught SyntaxError: Unexpected token : 出错原因解释）
千骑卷平冈的专栏 -- wqmain@163.com
05-10 3万+
注：本文欢迎转载，以下为本人亲测，转载请注明：http://blog.csdn.net/wqmain/article/details/8905287 插件介绍：众所周知，使用ajax直接发起请求存在跨域无权限访问的问题，这时候，需要使用jsonp协议（非官方的协议）处理，jQuery中的$.ajax方法也直接支持使用该协议进行跨域访问。下面首先介绍使用jQuery的$.ajax方法进
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法...
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
sql异常：Encountered unexpected token: “.“ “.“
mashangzhifu的博客
07-20 3万+
一、问题描述 在用mybatis-plus的过程中，没排序就好好的，一旦排序，报如下错误： net.sf.jsqlparser.parser.ParseException: Encountered unexpected token: "." "." at line 14, column 11. Was expecting one of: "&" "," "::" ";" "<<" ">>" "ACTION"
从Uncaught SyntaxError: Unexpected token ")" 问题看javascript:void的作用
hongweigg的专栏
09-26 1万+
问题     在前端编程中，突然出现Uncaught SyntaxError: Unexpected token “）”的错误，行号1。这个错误真的很隐晦，开始还以为是其他JS文件的错误，结果发现错误原来就存在当前问件中。错误场景是这样的，使用X作为关闭窗口的按钮，代码如下：     X  点完关闭后，就发生了开头提到的错误。 分析     该HTML段代码是
关于Uncaught SyntaxError: Unexpected token ‘:‘
m0_52731550的博客
04-23 1768
关于Uncaught SyntaxError: Unexpected token ':' 因为公司要将vue项目部署到springboot项目中，移植完后再springboot项目中运行访问index.html时，浏览器就很友好的提示，小子你出错了并给你丢了红牌警告。Uncaught SyntaxError: Unexpected token ':' 这里说时未知错误，一般这种未知错误要么就是导入的文件不对，要么就是哪里细节多了点东西。很幸运我是前者。这时候我们就需要去查看是什么文件引起的错误 通过浏览
npm报错SyntaxError: Unexpected token ＇.‘
leese233的博客
11-13 1万+
npm报错SyntaxError: Unexpected token ＇.'
SyntaxError: Unexpected token ‘:‘，TS项目报错
qq_62138007的博客
07-15 4034
SyntaxError: Unexpected token ':'，TS项目报错
Unexpected token, expected "," (126:12)
热门推荐
weixin_44483079的博客
11-06 7万+
！.Unexpected token 一般是语法错误，可能是多了少了大括号{ 小括号( 多了一些异常字符。 2.比如今天这个在vscode中报错，有点坑，报错意思是预期某某行少了一个逗号“,” 其实是我在前面少写了)。 3.编译器报的错不能全信，不然经常会把你引入到错误的方向！要分析为什么编译器会报这样的错误，而不是代码中哪里有这样的错误！ 4.以前遇到这样的事情，道理也懂，今天花个几分钟总结一下...
jade报错：unexpected token
dizhengu5338的博客
10-15 269
背景：项目在执行gulp命令构建的时候报了jade错误，错误位置指向的是一个空白行，而这个空白行的上下文都是一些注释，错误信息显示unexpected token “pipeless-text”。 当时看到这个错误一头雾水，一个空白行怎么会导致错误？错误信息中提到的“pipeless-text"根本不存在啊。 后来直接删除该空白行，问题居然解决了，然而却不懂是怎么回事。 直到看见一...
JS Uncaught SyntaxError: Unexpected token ‘:‘问题解决
旭东怪的博客
01-03 1万+
问题描述： Uncaught SyntaxError: Unexpected token ':' 问题分析： 1、eval()方法将字符串转换成json对象时，字符串格式不对。 错误示例： var strJson1="{\"name\":\"123\"}"; var json1=eval(strJson1); 解决办法： （1）将字符串格式变为"[{\"name\":\"123\"}]"。 （2）将eval(data)这种使用方法变为eval("("+data+")")。 注：有关eva
unexpected token :
09-25
Unexpected token通常是在编程语言中遇到的一个错误，意味着在预期位置上出现了不符合语法规则的符号或单词。...请确保在class中只定义方法和变量，将逻辑代码放在方法中，以避免出现Unexpected token错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值