vue dist打包上线解决Uncaught SyntaxError: Unexpected token ＜

最新推荐文章于 2024-10-10 14:47:14 发布
最新推荐文章于 2024-10-10 14:47:14 发布
阅读量5.2k 收藏 2
点赞数
分类专栏： 编程学习 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41703853/article/details/115250775
版权
本文探讨了Vue项目打包后遇到的问题，包括由于publicPath配置导致的语法错误和404问题。解决方法是调整publicPath为绝对路径，并提供了Nginx的配置示例，以避免路由错误和确保正确代理。同时强调了HTML5 History模式下路径设置的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先本地运行无误，为啥打包就不行呢？

打包使用 生产模式：

  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

如果你的路由模式使用的是history模式,则不能使用上面的相对路径 ./ 只能使用 绝对路径 / /test之类的
具体差异参见
负责会报 以下错误

Uncaught SyntaxError: Unexpected token <

同时 如果nginx 404 

最低0.47元/天 解锁文章
vue项目打包app时，页面出现白屏，报错 Uncaught SyntaxError: Unexpected token ‘＜‘ 的解决方法
m0_54630400的博客
05-09 4169
vue项目的代码打包后，部署到服务器上面，打开后控制台报错如下： 打开html后，发现是第一行报错了。 这个是文件引入的问题，但是在这里可以通过以下方法解决： 在vue.config.js中加入一行配置： publicPath: process.env.NODE_ENV === "production" ? "./" : "/" 用这个方法便可以解决以上问题 ，但是后续会出现页面布局混乱，可能还是这个问题没有解决根本，遇到此类问题的小伙伴，可以看下面的这篇文章 ...
webpack打包vue文件时报错`Unexpected token:`
要坚持，要认真。
05-09 2万+
webpack打包vue文件时报错Unexpected token:    master分支的代码编译打包一直都正常的，今天上午将一个同事的分支合并后就一直编译不过，走读代码发现改动也比较少，也不涉及到package.json中插件的更新，同时本地编译也完全正常，那阿里云CRP容器里面怎么会报错呢！最开始报错的地方是在UglifyJs里面，错误提示是：cannot read property of
vue打包代码配置到nginx后的报错Uncaught SyntaxError: Unexpected token ‘＜‘ (at tac.min.js:1:1)
2301_78916954的博客
10-10 466
导致index.html找不到引入的/xx/xx.js文件。修改publicPath后 index.html的为。因为publicPath的配置成/xx/而nginx又是直接放在域名/下的所以。报错时index.html的为。
vue打包后页面空白，提示Uncaught SyntaxError:Unexpected token
watermelon
09-07 4680
使用vue打包完运行时，页面显示空白，F12打开后报错，分析原因，没有找到对应的文件，解决方法很简单。 出现这种问题的原因是因为路径找不到 如果你是使用命令创建的项目，会有一个config文件，这个里面的一些配置文件，找到index.js文件 修改前 assetsPublicPath: '/', 修改后 assetsPublicPath: './', 修改前 修改后 然后重新打包一下就行 有点人使用的是UI工具创建的项目，就没有config这个文件，不要慌，下面来介绍一下这种解决方案 使用ui工具创.
打包报错 Uncaught SyntaxError: Unexpected token ‘＜
敲门的小白
12-16 3514
报错原因：打包环境配置错误 1.如果打包是二级目录，/blog/nginx 环境也要配置为二级目录 1.如果打包是一级目录，/blog/nginx 环境也要配置为/，要在根目录下 ...
VUE项目打包后刷新404，Uncaught SyntaxError: Unexpected token ＜
weixin_44530086的博客
06-08 441
登录页正常访问，点击菜单正常访问，一刷新页面就空白或者不好使 同时控制台报错Uncaught SyntaxError: Unexpected token < 这是因为，刷新页面要去重新请求js文件，但是请求时路径已经改变，请求回来都是index.html的内容 解决方法 在VUE config->index.js bulid中 将assetsPublicPath 配置为你静态资源所在的绝对路径，怎么刷新这个路径都不会变了 build: { // Template for index.h
echarts报错Uncaught SyntaxError: Unexpected token ‘＜‘
逍遥在南方的博客
02-18 6863
问题重现 最近需要研究echarts做图表，打算在html中先引用echarts试试。 于是百度到echarts官网的教程：5 分钟上手 ECharts <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echart
Vue Script Static file Uncaught SyntaxError: Unexpected token <
热门推荐
GreekMrzzJ的博客
10-18 2万+
背景 Vue 项目 index.html 中的 script 标签引用 static 目录下的文件时报错 Uncaught SyntaxError: Unexpected token &lt; 先贴一下代码： &lt;body&gt; &lt;div id="app"&gt;&lt;/div&gt; &lt;script src="https://unpkg.com/element-...
vue3打包出现 Uncaught SyntaxError: Unexpected token ＜
最新发布
02-11
### 解决 Vue3 打包后出现 `Uncaught SyntaxError: Unexpected token <` 的方案 #### 1. 检查 HTML 文件中的 `<script>` 标签路径 确保所有的 `<script>` 和其他资源标签指向的是实际存在的静态文件。如果路径不...
vue 打包后部署项目后访问报Uncaught SyntaxError: Unexpected token ＜ 错误
Admin_yws的博客
07-30 1331
vue 本地调试没有问题 打包上线后,线上的某个页面打开空白,报以下错误 Uncaught SyntaxError: Unexpected token 检查原因后发现：js，css文件请求返回都是html，这个原因是因为服务端配置了 try_files $uri $uri/ /index.html 也就是这些资源都没找到，是访问路径引起的 ...
vue cli3项目打包以及上线，调试/页面刷新会报错-Uncaught SyntaxError: Unexpected token ‘＜‘/
sunmeng_sunmeng的博客
05-07 1608
yarn bulid 生成dist文件夹， 打包后 cmd cd 进入 该文件夹 运行 服务就可以了运行调试了。 $ cd dist $ npx serve -d 然后访问 lochost:5000 就可以了
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token ＜“ 报错
qq_42267338的博客
09-04 3623
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token
【报错处理】SyntaxError: Unexpected token ‘??=‘
且心的专栏
08-16 990
使用roll打包，npm run build后报错，SyntaxError: Unexpected token '?node版本太低，原来为v14.18.2，升级到v22.3.0就好了。
vite打包报错：Unexpected token ‘??=‘
weixin_47168119的博客
04-24 3800
解决vite打包报错 SyntaxError: Unexpected token '??='
vue 引入 js文件报错
qq_32486011的博客
12-18 1351
Uncaught SyntaxError: Unexpected token ‘<’ 报错写法： <script src="./static/jsMapmin.js"></script> 不报错写法： <script src="/static/jsMapmin.js"></script> 总结： 把相对路径改成 绝对路径 ...
webpack打包后提示 Unexpected token ＜
小怪獸丶的糖的专栏
12-02 1638
排查原因发现是js引入地址问题 <script type="text/javascript" src="/bundle.js/main.js" charset="utf-8"></script> 修改后的引用 <script type="text/javascript" src="./bundle.js/main.js" charset="utf-8"></script> demo测试目录 打包命令，新版的webpack 记得加-o，不然总是会提示c
Vue项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43727560的博客
03-01 1万+
vue项目使用history模式访问route，发布线上时直接复制路径访问页面，页面空白，报错Uncaught SyntaxError: Unexpected token '<'。如何更改配置解决问题，包括static路径错误、nginx配置增加
Vue项目报错: Unexpected token ‘＜‘ 或 We‘re sorry but xx doesn‘t work properly without JavaScript enabled
pwl124的博客
05-11 1125
Vue项目报错: Unexpected token '＜' 或 We're sorry but xx doesn't work properly without JavaScript enabled
【node版本问题】使用 vue3 + Vite创建项目报错 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘
工作中遇到问题记录
02-22 3661
【node版本问题】使用 vue3 + Vite创建项目报错 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值