解决 Uncaught SyntaxError: Unexpected token ‘<‘ 错误解决方法「建议收藏」

解决 Uncaught SyntaxError: Unexpected token ‘<‘ 错误解决方法「建议收藏」UncaughtSyntaxError:Unexpectedtoken’

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

一、错误发生的环境

今天在运行 Vue 项目时,发现报了一个 Uncaught SyntaxError: Unexpected token '<' 错误,如图
在这里插入图片描述

瞄一眼 语法错误,还以为很简单,但事情并不是我想象的那样,点进去后是这样的
在这里插入图片描述
我当时就裂开, <!DOCTYPE html> 编辑器自动补全的东西居然还会错,肯定不可能,后来一番 google 才了解到,是 Vue内部的 静态资源文件引用规则没理解清楚。

二、解决办法

把放在 Vue项目 src/assets里边的资源文件放到 public 文件夹下来引用

2.1 assets文件夹与static文件夹的区别

区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了

区别二:assets中的文件在vue中的template/style下用…/这种相对路径的形式进行引用,在script下必须用@import的方式引入,而static下的文件在.vue中的任何地方只需使用…/这种相对路径的方式引入,

在这里插入图片描述

此外,放到 public 里的东西,可以不用写开头目录,脚手架打包的时候找不到,会去public文件夹找的,例如:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/183348.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 动态规划优缺点_巴西优化航空路线利用率

    动态规划优缺点_巴西优化航空路线利用率C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市。任意两个城市之间最多只有一条道路直接相连。这 m 条道路中有一部分为单向通行的道路,一部分为双向通行的道路,双向通行的道路在统计条数时也计为 1 条。C 国幅员辽阔,各地的资源分布情况各不相同,这就导致了同一种商品在不同城市的价格不一定相同。但是,同一种商品在同一个城市的买入价和卖出价始终是相同的。商人阿龙来到 C 国旅游。当他得知“同一种商品在不同城市的价格可能会不同”这一信息之后,便决定在旅游的同时,利用商品在

  • macOS升级node

    macOS升级nodemacOS升级node1、安装node管理模块nnpminstall-gn2、安装需要升级的node版本sudon16.14.03、关闭终端重新打开,查看node版本验证升级完成node-v

  • 数据库的增删改查加遍历

    数据库的增删改查加遍历一、jar包的导入,和相关类的创建:二、创建数据库,在其中创建表。三、功能选择程序,主要引用method类中的方法:packagecom.cn.database;importjava.sql.SQLException;importjava.util.Scanner;publicclassstart{ Methodm=newMethod(); publicvoi

  • Mysql中 begin..end使用遇到的坑

    Mysql中 begin..end使用遇到的坑

  • 虚拟ip的概念_虚拟化的概念

    虚拟ip的概念_虚拟化的概念1.虚拟IP是什么?要是单讲解虚拟IP,理解起来很困难,所以干脆把动态IP、固定IP、实体IP与虚拟IP都讲解一下,加深理解和知识扩展实体IP:在网络的世界里,为了要辨识每一部计算机的位置,因此有了计算机IP位址的定义。一个IP就好似一个门牌!例如,你要去微软的网站的话,就要去『207.46.197.101』这个IP位置!这些可以直接在网际网络上沟…

    2022年10月20日
  • 中国十大技术社区你都知道哪些?

    中国十大技术社区你都知道哪些?社区是聚集一类具有相同爱好或者相同行业的群体,IT技术社区就是聚集了IT行业内的技术人,在技术社区可以了解到行业的最新进展,学习最前沿的技术,认识有相同爱好的朋友,在一起…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号