Question

当我在本地环境中开发vue项目时（运行npm run dev命令），对于第一页加载，没有任何错误。但是，当我按下“刷新”按钮时，控制台将输出“ SyntaxError：期望的表达式，出现'<'”错误，并且无法进行热重装。

index.html代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>kmf</title>
  </head>
  <body>
    <div id="app">
    </div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="app.js"></script></body>
</html>

但是，如果我运行npm，请运行build并将文件上传到服务器。不输出该错误。有人知道问题出在哪里吗？

Answer 1

这通常意味着您的服务器（或Webpack热重装）使用相同的路由发送回.html和.js文件。在您的情况下，当客户端请求.js脚本时，它将发回.html文件，该文件实际上以'<'字符开头。

尝试向脚本添加相对路径，例如：

<script type="text/javascript" src="./app.js"></script>

SyntaxError：期望的表达式，出现“ <”错误-Vue

index.html代码

1 个答案: