Vue项目报错：Uncaught SyntaxError: Unexpected token ＜

最新推荐文章于 2024-09-05 12:56:07 发布
最新推荐文章于 2024-09-05 12:56:07 发布
阅读量3k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lixinyi0622/article/details/107363961
版权

这个是我在index.html中引入一些JS库文件时产生的错误，当时我的JS文件放在了src目录下，后面查阅相关资料发现，Vue引入静态文件时，不能放在src目录下，需要放在与之同级的目录下，例如static，因为src目录下的资源只能import或require。

Carol小朋友
关注
专栏目录
vue项目中导入本地js报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_47391667的博客
09-24 336
vue项目中index.html页面中导入js文件报错
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
【前端疑难杂症】Vue 项目报错Uncaught SyntaxError: Unexpected token ＜
FortheOne的博客
02-28 1万+
Uncaught SyntaxError: Unexpected token <
SyntaxError: Unexpected token ‘?
最新发布
weixin_47138801的博客
09-05 696
3）这时候重新初始化vue，npm init vue，出现下图Vue.js - The Progressive JavaScript Framework的提示，则说明安装成功。我用的是中文网，登录网站后，切换到下载安装，然后根据自己的系统下载想要的版本，如图我下载的是长期支持的20.17.0版本。一般选择安装包，就不需要配置环境变量，如果选择二进制文件，需要自己配置环境变量。如图下面npm的版本是6.13.4，版本太老，所以现在咱们需要下载新版本的安装包重新安装。
Vue2项目报错：Uncaught SyntaxError: Unexpected token ＜
m0_50125215的博客
04-21 1837
报错 F5刷新 运行 Vue 项目时，发现报了一个 Uncaught SyntaxError: Unexpected token ‘<’ 错误，如图 解决方案 vue.config.js 文件 其实不是代码的问题，而是资源公共路径设置的问题，解决方法如下： ...
vue项目报错Uncaught SyntaxError: Unexpected token ＜
xixi的博客
09-15 894
vue项目报错Uncaught SyntaxError: Unexpected token < 这是引入第三方依赖js报错的问题。 将引入的js文件夹，与index.html，放到同一级。 如果在cli2中就该放到static文件下
vue 路由刷新出新 Uncaught SyntaxError: Unexpected token ‘＜‘
qq_41121649的博客
08-30 4425
问题解决方法1：将在路由中引入的组件路径改为绝对路径，比如： // 原来引入方式 const a= () => import('./A/a.vue') // 将'./'改为'/' const a= () => import('/A/a.vue') 问题解决方法2：修改vue.config.js文件 const path = require('path') // 引入path模块 function resolve (dir) { return path.join(__dirname, dir
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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文
vue 路由刷新出现 Uncaught SyntaxError: Unexpected token ‘＜‘
qq_42594589的博客
07-22 649
修改vue.config.js文件 将原来的 publicPath: './'，改成 publicPath: '/' 问题完美解决
Vue项目报错：Uncaught SyntaxError: Unexpected token <
weixin_43795840的博客
08-14 1277
问题原因：js文件夹位置放置错误 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方法： 1.将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：<script src="./static/utils/sockjs.js"></script>，这样就不报错了！ 总结： ...
Vue项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43727560的博客
03-01 1万+
vue项目使用history模式访问route，发布线上时直接复制路径访问页面，页面空白，报错Uncaught SyntaxError: Unexpected token '<'。如何更改配置解决问题，包括static路径错误、nginx配置增加
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...
vue报错：Uncaught SyntaxError: unexpected token *
热门推荐
sanjie123的专栏
04-15 2万+
今天项目碰到项目在chrome49版本下报Uncaught SyntaxError: unexpected token *错误，但是在高版本下又一切正常。真是一脸的蒙圈，赶紧各种的百度。 资料一： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的...
VUE报错：Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_51296247的博客
04-08 1637
个人报错原因是在vue.config.js文件中配置出现问题 module.exports = { //打包 publicPath: './', outputDir: 'tjfx', //打包输出目录 assetsDir: './static', //放置生成的静态资源 filenameHashing: true, // 生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存 lintOnSave: false, //设置是否在开发环境下每次保
轻松解决【Vue】：Uncaught SyntaxError: Unexpected token ‘＜‘
前端、python爱好者
08-02 1739
vue2的一个项目，使用了自己使用webpack构建的工具，没有使用vue自带的脚手架构建。在本地运行没有问题，在打包完毕后，进入主页以及其它页面都没问题，但是如果在子路由中进行刷新，会发现导入JS的路由被改了，在引入路由时会明显发现路由位置不正确，因此我们需要修改一下引入的路径，方法也是类似的，但是修改的文件就不再是vue.config.js了，而是自己构建的另一个文件。了，那我们怎么改呢，其实百度中也有很多方式可以参考，但是因为不是采用了vue脚手架直接构建的，所以问题还得靠自己来解决，这就很无奈。..
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、付费专栏及课程。

余额充值