vue 打包后部署项目后访问报Uncaught SyntaxError: Unexpected token ＜ 错误

最新推荐文章于 2023-08-28 19:16:16 发布
最新推荐文章于 2023-08-28 19:16:16 发布
阅读量1.2k 收藏
点赞数
分类专栏： Vue 不懂就问系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Admin_yws/article/details/119247696
版权

vue 本地调试没有问题
打包上线后,线上的某个页面打开空白,报以下错误

Uncaught SyntaxError: Unexpected token

检查原因后发现：js，css文件请求返回都是html，这个原因是因为服务端配置了

try_files $uri $uri/ /index.html

也就是这些资源都没找到，是访问路径引起的

新津之虎--曹达华
关注
专栏目录
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console打印:Error:Loading chunk {n} failed. 报错截图 问题2.页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token ＜“ 报错
qq_42267338的博客
09-04 3364
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token
Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘＜‘ 的解决方法
weixin_44934104的博客
05-13 9819
还好不容易工作进入到了打包环节，却又开始报错，报错文件是一个JS文件： JS文件打开以后是这样的 问题：应该是文件引入的问题，开始找解决方法 在网上找了一些浏览量很高的方法，试过的如下： 1、 添加externals的配置 2、 把assets文件夹下的内容放到public下 3、将引入Router的模式改为“hash” 试过了之后都无效，非常的头疼（也有可能是我设置的方式也存在问题） 最终找到了一篇文章解决，使用一行配置搞定，在vue.config.js文件中加入： //使用路径 Uncaught
Vue Uncaught SyntaxError: Unexpected token ‘＜‘ 路由问题
andyLyysh的博客
10-17 4114
Vue Uncaught SyntaxError: Unexpected token '
vue项目本地可以运行 上线后报错Uncaught SyntaxError: Unexpected token ‘＜‘
qq_67447855的博客
08-07 1738
vue2.0项目，本地可以运行 上线后报错Uncaught SyntaxError: Unexpected token '
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
VUE报错：Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_51296247的博客
04-08 1638
个人报错原因是在vue.config.js文件中配置出现问题 module.exports = { //打包 publicPath: './', outputDir: 'tjfx', //打包输出目录 assetsDir: './static', //放置生成的静态资源 filenameHashing: true, // 生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存 lintOnSave: false, //设置是否在开发环境下每次保
VUE项目打包后刷新404，Uncaught SyntaxError: Unexpected token ＜
weixin_44530086的博客
06-08 421
登录页正常访问，点击菜单正常访问，一刷新页面就空白或者不好使 同时控制台报错Uncaught SyntaxError: Unexpected token < 这是因为，刷新页面要去重新请求js文件，但是请求时路径已经改变，请求回来都是index.html的内容 解决方法 在VUE config->index.js bulid中 将assetsPublicPath 配置为你静态资源所在的绝对路径，怎么刷新这个路径都不会变了 build: { // Template for index.h
vue cli3项目打包以及上线，调试/页面刷新会报错-Uncaught SyntaxError: Unexpected token ‘＜‘/
sunmeng_sunmeng的博客
05-07 1539
yarn bulid 生成dist文件夹， 打包后 cmd cd 进入 该文件夹 运行 服务就可以了运行调试了。 $ cd dist $ npx serve -d 然后访问 lochost:5000 就可以了
vue-cli3.0的配置文件vue.config.js
飞翔༒之翼
10-15 838
在网上找了很多的这个配置文件，但都有bug，下面这个虽然配置少但没有报错： vue.config.js module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser comp
解决vue项目build之后部署到服务器访问的时候出现报错：Uncaught SyntaxError: Unexpected token ‘＜‘ chunk-vendors:XXXXXX
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-21 7555
NgModule({... imports: [RouterModule.forRoot(routes, { useHash: true })],//使用hash网址模式...})Angular如何实现hash模式网址_←你挚爱的强哥→的博客-CSDN博客。扩展阅读→Angular如何实现hash模式网址。如果还是不行就把模式改成hash。第一种情况修改下面这个位置。hash模式下网址形如。
vue 引入 js文件报错
qq_32486011的博客
12-18 1308
Uncaught SyntaxError: Unexpected token ‘<’ 报错写法： <script src="./static/jsMapmin.js"></script> 不报错写法： <script src="/static/jsMapmin.js"></script> 总结： 把相对路径改成 绝对路径 ...
Vue 项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘
Noals的博客
05-30 1万+
问题：最近做vue项目时，当我访问二级路由的时候，就会报Uncaught SyntaxError: Unexpected token ‘＜‘错误，而我访问一级路由不会报错。翻了网上很多资料，都无法解决。 一、public下的index.html没有引入其他外部js文件。 解决方法：清除浏览器缓存。 二、public下的index.html引入其他外部js文件。 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1...
一次遇到 Uncaught SyntaxError: Unexpected token ‘＜‘ 的解决方法
热门推荐
qq_44775100的博客
07-11 1万+
在项目中的文件引入问题，Uncaught SyntaxError: Unexpected token '
SpingBoot项目部署vue后Uncaught SyntaxError: Unexpected token ＜
m0_73384165的博客
08-28 118
后来发现原来是过滤器把所有文件都拦截了，只需要把下面代码的*改为**后再改回去，让程序知道你所需要引用的文件就行了。也可以在Filter编译文件里面写代码防止拦截对应文件。我在编译过滤器之后就发现网页无法正常引用JS文件了。
vue-cli -- 3.0默认vue.config.js完整配置
aina0674的博客
04-23 226
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 ...
Vue项目报错Uncaught SyntaxError:Unexpected token＜
最新发布
06-26
Uncaught SyntaxError: Unexpected token `<` 这个错误通常发生在JavaScript代码中，特别是当你尝试解析或执行HTML字符串时。这个错误意味着浏览器在JavaScript解析器遇到`<`符号时，它预期的是有效的JavaScript语法...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值