vue学习【引入外部js文件，出现异常：Uncaught SyntaxError: Unexpected token】

今天做一个 VUE 的项目，在引入 JS 文件时，遇到了一个问题：报错信息控制台的提示：Uncaught SyntaxError: Unexpected token <按照提示进入文件，再看如下图：问题来源提示：<!DOCTYPE html> 出错，是跟我开玩笑是吧！但根据以往的印象，这个好像是引入 JS 的问题，确认 JS 文件没出错后，...

小卜妞~

11333人浏览 · 2019-05-05 09:45:30

小卜妞~ · 2019-05-05 09:45:30 发布

今天做一个 VUE 的项目，在引入 JS 文件时，遇到了一个问题：

报错信息

控制台的提示：Uncaught SyntaxError: Unexpected token <
按照提示进入文件，再看如下图：

问题来源

提示：<!DOCTYPE html> 出错，是跟我开玩笑是吧！
但根据以往的印象，这个好像是引入 JS 的问题，确认 JS 文件没出错后，再仔细看了看 index.html 文件。

index.html

原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。其中区别，推荐看这篇文章：vue中静态文件引用注意事项。

现在我的解决办法是将 JS 文件放到 /static/utils 目录下，引入路径也改成：<script src="./static/utils/sockjs.js"></script>，这样就不报错了！

作者：越前君
链接：https://www.jianshu.com/p/6c3c33c43509
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^