首页 文章

vue cli - 未捕获的SyntaxError：意外的令牌<

提问于
浏览 次
3

我用 vue-cli 3.0 创建我的项目 . 最初运行正常 . 但是在我 <ctrl>-c 然后 nom run serve 之后，它继续抛出错误：

Uncaught SyntaxError：意外的令牌<

它表示错误发生在 app.js 的第一行，但我在控制台中检查 < 实际上来自 index.html . 这意味着在整个过程的某个地方， webpack 想法 index.html 应该被转换为 app.js .

以下是我使用的包：

vue 3.0.0-rc.3 @ vue / cli-plugin-babel ^ 3.0.0-beta.15 @ vue / cli-plugin-eslint ^ 3.0.0-beta.15 @ vue / cli-service ^ 3.0.0 -beta.15

我该如何解决这个问题？

Update01 我再次删除整个 node-modules 文件夹和 npm install ，然后一切似乎再次正常工作 . 但如果有人知道为什么会这样，请分享 .

javascript vue.js vuejs2

5 回答

  • 1

    当我尝试运行vue ui时出现此错误 . 这发生在我安装vue cli 2.0和3.0时 .

    所以我卸载了两个并安装了3.0然后：

    我所要做的只是一个空的缓存和硬盘重新加载 .

    按f12打开开发人员工具，然后单击并按住刷新按钮，然后选择空现金和硬重新加载 .

    我不确定这是否与您的具体问题有关 .

    回复于
  • 0

    我有同样的问题，我尝试删除节点模块和再次安装npm，但这不起作用 .

    删除所有网站数据的工作是什么 . 您可以通过打开开发选项卡（Ctrl Shift i）来执行此操作（在Chrome中），转到“应用程序”选项卡并单击清除站点数据 .

    我的猜测是我仍然有一些旧的服务工作者拦截了请求并提供了html文件而不是app.js.因此，如果你之前在网址“http://localhost:8080”使用过PWA，这可能会解决问题 .

    回复于
  • 2

    卸载CLI并重新安装V3在Chrome中进行“硬”刷新就可以了 . 也许单独进行一次硬刷就足够了（CTRL F5）

    回复于
  • 1

    我假设您使用的是与 vue ui 或 vue create 相同的控制台窗口来启动项目？

    然后尝试打开一个新的控制台实例并在其中运行您的项目 .

    在我的情况下，它工作，问题是第一个控制台中的覆盖环境变量 .

    祝你好运！

    回复于
  • 4

    我也有同样的问题 . 在index.html文件中，我只写这个脚本标记，如下所示：

    <script src="./static/js/qrcode.min.js"></script>

    如果我像这样更改src attr：

    <script src="/static/js/qrcode.min.js"></script>

    好的，没有错误'意外的令牌<'显示 .

    这是另一个发生的问题，这对我来说很难过 .

    在线构建产品测试显示我无法访问此站点并获取资源 . 我的天啊 ！好的，我再次改变这个src：

    <script src="./static/js/qrcode.min.js"></script>

    然后在vue.config.js中进行一些更改，如下所示：

    baseUrl:'./'
assetsDir:'./'

    所以，在线一切都很好，但在我的本地项目运行中，它将收到此错误 .

    最后，我发现了这个：

    在线网址：http://xxxxx.cn/test0001/#/

    本地网址：http://192.168.5.108:9000/test0001/#/

    （ps：test0001 params无法删除，我的项目需要它）

    如果我删除此参数'test0001'，则此错误不会显示在我的本地项目测试中 .

    我猜构建和开发环境的区别导致了这个错误，而我的params test0001在url地址中 .

    最后，我只是用一个参数来区分这个产品和开发来解决它 .

    如果有人遇到像我这样的问题，请分享您的解决方案 .

    回复于

相关问题