vue项目出现Uncaught SyntaxError: Unexpected token ＜解决方案

原创

已于 2024-12-21 14:26:07 修改 · 5.5w 阅读

25 ·

CC 4.0 BY-SA版权

文章标签：

#vue

于 2020-08-25 13:44:49 首次发布

现象

开发测试启动 npm run dev 能正常访问

打包 npm run build 后访问页面出现空白，浏览器F12 查看报错

就一个简单的页面，连个js文件都没引用，结果出现 Uncaught SyntaxError: Unexpected token <

细究原因

服务器端，要是访问了一个不存在的文件【路径写错了】返回了一个404的提示页面

看看vue最后打包的index.html中的内容

<!DOCTYPE html><html>
<head>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title>超级星期五</title>
<link href=/static/css/app.284517ae12bbf98404d654ef5d70efd1.css rel=stylesheet>
</head>
<body>
<div id=app></div>
<script type=text/javascript src=/static/js/manifest.3ad1d5771e9b13dbdad2.js></script>
<