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

夏子曦

已于 2024-12-21 14:26:07 修改

阅读量5.5w

点赞数 11

CC 4.0 BY-SA版权

分类专栏： Vue js/html/css 文章标签： vue

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

本文链接：https://blog.youkuaiyun.com/oopxiajun2011/article/details/108219283

现象

开发测试启动 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=/