vue引入新的包以后报“Uncaught SyntaxError: Unexpected token ＜“错误解决

最新推荐文章于 2024-05-23 16:18:28 发布
最新推荐文章于 2024-05-23 16:18:28 发布
阅读量708 收藏
点赞数
文章标签： vue.js javascript ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46194350/article/details/127620246
版权

项目引入了一个nprogress的进度条的包以后切换二级路由报"Uncaught SyntaxError: Unexpected token <"错误，伴随着点击Dialog打不开以及控制台app.js:896 Uncaught (in promise) ChunkLoadError: Loading chunk的报错

点击报错位置显示的是打包以后的头文件，

vue.config.js文件里的publicPath里的.点去掉

解决办法：

 

 

 

yi碗吃不够
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
Vue3 Uncaught SyntaxError: Unexpected token ＜‘ 错误参考解决方法
shi15926lei的博客
05-23 1012
1.检查引用的 JavaScript 文件是否正确：确认所有引用的外部 JavaScript 文件路径是否正确，可以在静态资源的路径前加上<%= BASE_URL %>，例如<script type="text/javascript" src="<%= BASE_URL %>jquery.min.js"></script>。2.检查 JavaScript 文件的内容：打开引用的 JavaScript 文件，确保文件内容是有效的 JavaScript 代码，没有错误或意外的 < 字符。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
weixin_34392435的博客
11-09 1796
Vue项目报错：Uncaught SyntaxError: Unexpected token < 遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token <按照提示进入文件，再看如下图： 仔细看了...
vue-cli3中报错：Uncaught SyntaxError: Unexpected token ＜
lijiabin102的博客
11-13 1080
解决方法： 1： publicPath 不要写成相对路径’./’ 要写成绝对路径 ‘/’ 2：修改重叠的路由名称 这种问题普遍发生在路由中有重叠名称的路由的情况 比如一个页面的路由是/admin，另两页面个是他的子页面路由叫/admin/news，和/admin/action， 这样的话，如果设置publicPath是’./’，那两个就不能正常跳转，就会出错 而且无论是开发模式还是发布模式，都会出错。 如果没有重叠名称的路由，比如另两个叫/news和/action，那么设成./也不会有问题。 ...
关于vue3.0 多入口 打包后 提示 Uncaught SyntaxError: Unexpected token ＜
不二喵老师
05-06 1662
仅代表我遇到的情况 vue项目 报Uncaught SyntaxError: Unexpected token < 错误，一般是本来script src里应该是.js脚本资源，但是服务器却返回了.html 资源，出现这种情况很可能是新项目构建完后，用户还是访问老的缓存页面，老的缓存页面里的script src 引用的资源是服务器返回的404 html文件页面或者是被运维设置( try_files $uri $uri/ /index.html;)成跳转首页的html 文件(因为老的缓存页面里的scr
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
vue3项目中Uncaught SyntaxError: Unexpected token ‘＜‘ 错误参考解决方法
weixin_59587584的博客
10-28 3884
‘Uncaught SyntaxError: Unexpected token '
Vue项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
热门推荐
weixin_43727560的博客
03-01 1万+
vue项目使用history模式访问route，发布线上时直接复制路径访问页面，页面空白，报错Uncaught SyntaxError: Unexpected token '<'。如何更改配置解决问题，包括static路径错误、nginx配置增加
Vue Uncaught SyntaxError: Unexpected token ‘＜‘ 路由问题
andyLyysh的博客
10-17 4038
Vue Uncaught SyntaxError: Unexpected token '
Vue报错”Uncaught SyntaxError: Unexpected token :“
二木成林
01-19 1190
错误 错误代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Vue学习</title> <!-- 使用CDN引入Vue.js -...
vue静态资源引入错误——Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43909743的博客
07-16 1887
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
【无标题】Uncaught (in promise) SyntaxError: Unexpected token ＜ in JSON at position 0解决
m0_56150080的博客
03-17 4474
然后出现问题 网上看了好多，什么改绝对路径，json数据有问题，结果都没用=.= 然后看见了一篇文章：点这看原文《前后端数据交互(四)——fetch 请求详解 》 fetch() 是一个全局方法，提供一种简单，合理的方式跨网络获取资源。 fetch(url,options).then((response)=>{ //处理http响应 },(error)=>{ //处理错误 }) url ：是发送网络请求的地址。 试了一下解决了。 解决：加上http://+...
报错 Uncaught SyntaxError: Unexpected token ‘＜‘
bigbigpigsobig的博客
07-21 470
前端部署有时候会出现这个报错 ，如下图所示： 一般都是配置不当引起的，修改vue.config.js文件 // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.baidu.vip/admin/，则设置 baseUrl 为 /admin/。 publicPath: process.env.NODE_ENV === 'production' ? '/' : '/admin/', ...
vue项目打包后，页面加载错误，报错“Uncaught SyntaxError:Unexpected token ＜“
cc蒲公英的博客
07-03 796
vue项目打包后，页面加载错误，报错"Uncaught SyntaxError:Unexpected token
Vue项目报错Uncaught SyntaxError:Unexpected token＜
最新发布
06-26
Uncaught SyntaxError: Unexpected token `<` 这个错误通常发生在JavaScript代码中，特别是当你尝试解析或执行HTML字符串时。这个错误意味着浏览器在JavaScript解析器遇到`<`符号时，它预期的是有效的JavaScript语法，但实际遇到了HTML标签的开始。 在Vue项目中，这可能是由于以下几个原因： 1. **Vue template混淆**：如果你的代码中有直接将HTML字符串插入到template标签中的情况，比如使用`v-html`或在JavaScript模板中，确保没有意外地混入了HTML标签，这些标签需要被转义或用`{{{...}}}`或`v-text`指令包裹。 2. **ESLint配置**：检查你的项目是否启用了HTML标签检测的规则，如vue-eslint-parser，可能会对某些不符合规范的HTML标签报错。 3. **服务器渲染错误**：在服务器端渲染（SSR）时，如果传递给客户端的HTML模板有误，也会导致此错误。确保在服务端和客户端渲染时使用的模板一致且正确。 4. **第三方库问题**：某些插件或库可能未正确处理HTML，导致意外的标签出现。 解决这个问题的方法包括检查代码中的HTML字符串，修复语法错误，关闭或调整eslint配置，以及确保所有的模板在所有环境下的编译是正确的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值