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

最新推荐文章于 2024-06-27 16:43:18 发布
最新推荐文章于 2024-06-27 16:43:18 发布
阅读量9.4k 收藏 3
点赞数 4
分类专栏： vue 前端 文章标签： webpack npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y4258/article/details/129261749
版权
vue 同时被 2 个专栏收录
28 篇文章 1 订阅
订阅专栏
前端
28 篇文章 0 订阅
订阅专栏
当运行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
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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]，这样就
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
关于Uncaught SyntaxError: Unexpected token ‘:‘
m0_52731550的博客
04-23 1752
关于Uncaught SyntaxError: Unexpected token ':' 因为公司要将vue项目部署到springboot项目中，移植完后再springboot项目中运行访问index.html时，浏览器就很友好的提示，小子你出错了并给你丢了红牌警告。Uncaught SyntaxError: Unexpected token ':' 这里说时未知错误，一般这种未知错误要么就是导入的文件不对，要么就是哪里细节多了点东西。很幸运我是前者。这时候我们就需要去查看是什么文件引起的错误 通过浏览
SyntaxError: Unexpected token ‘??=‘
最新发布
lingliu0824的博客
06-27 569
当前使用的是14.21.3的版本，切换到一个16.0.0以上的版本即可，推荐使用。
JSONP跨域请求数据报错 “UNEXPECTED TOKEN :”的解决办法
shjavadown的博客
07-27 4857
Jquery使用ajax方法实现jsonp跨域请求数据的时候报错 “Uncaught SyntaxError: Unexpected token :”，主要问题在于返回的数据格式不正确 本地虚拟两个域名，分别为：www.test.com、www.abc.com http://www.test.com/index.html页面点击按钮，请求返回www.abc.com域名目录下的文件的数据
unexpected token
weixin_42576410的博客
02-09 6088
"unexpected token" 是编程语言中的一种错误消息，通常表示在代码中遇到了不符合语法规则的标记(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方法进
从Uncaught SyntaxError: Unexpected token ")" 问题看javascript:void的作用
hongweigg的专栏
09-26 1万+
问题     在前端编程中，突然出现Uncaught SyntaxError: Unexpected token “）”的错误，行号1。这个错误真的很隐晦，开始还以为是其他JS文件的错误，结果发现错误原来就存在当前问件中。错误场景是这样的，使用X作为关闭窗口的按钮，代码如下：     X  点完关闭后，就发生了开头提到的错误。 分析     该HTML段代码是
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
10-21
通过这些实践，你可以有效地避免和解决`Uncaught SyntaxError: Unexpected token ILLEGAL` 类型的错误，提高代码质量和可维护性。记住，良好的编程习惯和对语法规则的深入理解是预防这类问题的关键。
解决vue打包后刷新页面报错：Unexpected token
12-12
今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题...
npm报错SyntaxError: Unexpected token ＇.‘
leese233的博客
11-13 1万+
npm报错SyntaxError: Unexpected token ＇.'
SyntaxError: Unexpected token ‘:‘，TS项目报错
qq_62138007的博客
07-15 3826
SyntaxError: Unexpected token ':'，TS项目报错
解决 SyntaxError: Unexpected token ‘.‘ 报错问题
samll_redhat的博客
05-07 2499
解决 SyntaxError: Unexpected token '.' 报错问题
jade报错：unexpected token
dizhengu5338的博客
10-15 256
背景：项目在执行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
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
sunshineTing2的博客
07-31 2万+
、
unexpected token :
09-25
Unexpected token通常是在编程语言中遇到的一个错误，意味着在预期位置上出现了不符合语法规则的符号或单词。在你提供的引用中，出现Unexpected token的原因是在class中使用了不符合语法规则的代码。 在Java中，class只能用于定义类，方法和变量等。如果你在class中直接使用逻辑代码，例如if语句，会导致编译器报出Unexpected token错误。正确的做法是将逻辑代码放在方法中。 同样，在React中，class也只能用于定义组件，方法和变量等。如果你在class中直接使用逻辑代码，也会出现Unexpected token错误。正确的做法是将逻辑代码放在组件的方法中，例如render()方法。 请确保在class中只定义方法和变量，将逻辑代码放在方法中，以避免出现Unexpected token错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值