Che*_*Lee 5 webpack vue.js webpack-dev-server vue-cli
我在本地环境开发vue项目时(运行npm run dev命令),第一页加载没有报错。但是当我点击刷新按钮时,控制台输出“SyntaxError:预期表达式,得到'<'”错误,并且热重载不起作用。
<!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)
| 归档时间: |
|
| 查看次数: |
4010 次 |
| 最近记录: |