Vue项目报告错误:意外语法错误:意外标记lt；

遇到问题：

今天，当我在一个VUE项目中工作时，我在介绍第三方依赖的JS文件时遇到了一个问题：

控制台提示：意外语法错误：意外标记

按照提示输入文件，然后查看下图：

仔细查看index.html文件，我发现我的JS文件最初放在文件夹/src/utils中，但是带有/src和/static的文件不同。

解决方案：

解决方案是将第三方依赖的JS文件放在/static/utils目录下，导入路径改为：script src=' http:/static/utils/sockjs . js '/脚本，这样就不会报告错误！

总结：

1.资产文件夹和静态文件夹的区别

区别1:资产文件在src下，所以需要在最后一次运行时打包，而静态文件直接放在最终文件中，无需打包

区别2:资产中的文件以相对路径的形式被引用./在vue中的template/style下，并且必须以脚本下的@import的形式导入，而静态的文件可以在中的任何地方导入。使用相对路径。

2、

(1)assets用于放置样式和静态图片，只要src以下组件中使用的资源放置在assets中即可。

(2)静态用于放第三方插件和没有npm包的字体文件。

(3)当静态文件被引用时。vue在与资产相同的组件级别下，相对路径是./资产/wapFront

3.vue如何引入其他静态文件：

(1)src目录中资源只能导入或需要。

(2)如果要静态导入，创建一个与src相同级别的目录，比如static，然后将静态资源放在这个文件夹中。导入html的路径如下：/静态/.(注意：如果您尝试过，您必须将其放在静态文件夹中，否则您将报告错误)

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。