SyntaxError:预期的表达式,得到 '<' 错误 - vue

Che*_*Lee 5 webpack vue.js webpack-dev-server vue-cli

我在本地环境开发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>
Run Code Online (Sandbox Code Playgroud)

但是如果我运行 npm run build 并将文件上传到服务器。不输出此错误。有谁知道问题出在哪里?

小智 8

这通常意味着您的服务器(或 webpack 热重载)使用相同的路由来发回 .html 和 .js 文件。在您的情况下,当客户端要求 .js 脚本时,它会发回 .html 文件,该文件确实以 '<' 字符开头。

尝试为您的脚本添加一个相对路径,例如:

<script type="text/javascript" src="./app.js"></script>
Run Code Online (Sandbox Code Playgroud)