解决 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文件夹找的,例如:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 机器学习—决策树原理(python代码实现)

    机器学习—决策树原理(python代码实现)首先,决策树(DecisionTree)是一种基本的分类与回归方法,在这里主要讨论用于分类的决策树。决策树的学习通常包含三个步骤:特征选择,决策树的生成,决策树的剪枝。优点:计算复杂度不高,输出结果易于理解,对中间值的缺失值不敏感,可以处理不相关特征数据。 缺点:可能会产生过度匹配的问题。 使用数据类型:数值型和标称型。那么具体的来通过一个例子说明一下决策树。下面这个例子是通过贷款…

    2022年9月7日
    3
  • 微商相册服务器维护,微商相册

    微商相册服务器维护,微商相册Applealmond发表了文章•2020-04-2510:53•来自相关话题小程序这个依附于微信十亿流量的大平台,有着独天得厚的流量优势。且创作成本也比较低,因此近几年来搭建小程序的人越来越多。许多个人也在跃跃欲试,想要跻身小程序的领域又怕没有回报?那么接下来就和小编一起来了解一下小程序的更多内容。实例下图是微商相册小程序,许多在朋友圈活跃的微商如今都转战到了这里。微商相册内部可以和发…

    2022年5月17日
    44
  • eclipse中导入Java文件「建议收藏」

    eclipse中导入Java文件「建议收藏」            eclipse中导入Java文件的方法
     在eclipse中导入Java文件分两种情况:1,如果要导入的Java文件就在eclipse工作空间WorkSpace目录下,则把包含相关Java文件的Java项目导入包资源管理器即可:文件(或者包资源管理器下点击右键)—->导入—->常规—>现有项目到工作空间—>在选择根目录下浏览选择WorkSpace中包含相关Java文件的Java项目,其他不用勾选,点击完成即可;2,如果要导入的Jav

    2022年7月8日
    23
  • SSL协议简介

    SSL协议简介最近在看《密码学与网络安全》相关的书籍,这篇文章主要详细介绍一下著名的网络安全协议SSL。在开始SSl介绍之前,先给大家介绍几个密码学的概念和相关的知识。1、密码学的相关概念密码学(cryptography):目的是通过将信息编码使其不可读,从而达到安全性。明文(plaintext):发送人、接受人和任何访问消息的人都能理解的消息。密文(ciphertext):明…

    2022年6月2日
    99
  • java 枚举(enum) 全面解读

    java 枚举(enum) 全面解读

    2021年6月15日
    98
  • Override ListView getAdapter造成的后果

    Override ListView getAdapter造成的后果

    2021年11月23日
    45

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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