VUE build Uncaught SyntaxError: Unexpected token ‘＜‘

最新推荐文章于 2024-05-23 18:23:07 发布
最新推荐文章于 2024-05-23 18:23:07 发布
阅读量284 收藏
点赞数
分类专栏： 前端 文章标签： vue.js npm 前端 vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38862981/article/details/121625260
版权

文件路径有问题，解决方法如下

首先安装VUE的脚手架，安装完成启动vue ui

(2条消息) VUE UI的安装_许魁的博客-CSDN博客

完成后打开CMD 输入vue ui，完成后会自动打开

 然后进入配置模块，点击Vue CLI 将公共路径从/（单斜杠）改为./即可解决

 

Lingwl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack打包vue文件时报错`Unexpected token:`
要坚持，要认真。
05-09 2万+
webpack打包vue文件时报错Unexpected token:    master分支的代码编译打包一直都正常的，今天上午将一个同事的分支合并后就一直编译不过，走读代码发现改动也比较少，也不涉及到package.json中插件的更新，同时本地编译也完全正常，那阿里云CRP容器里面怎么会报错呢！最开始报错的地方是在UglifyJs里面，错误提示是：cannot read property of
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
vue项目build后出现 Uncaught SyntaxError: Unexpected token ‘＜‘
luoliwoshang的博客
06-19 1580
Vue-cli 版本 4.5.13 问题 在使用npm run build 构建项目时 出现Uncaught SyntaxError: Unexpected token '<' 原因 使用vue ui创建项目时，没有生成vue.config.js文件 解决 在build一次后，会自动生成vue.config.js 在内容中添加publicPath: './',即解决 module.exports = { publicPath: './', pluginOptions: { quasar: {/
RollupError: Unexpected token `.`. Expected ... , *, (, [, :, , ?, = or an identifier
最新发布
qq_42250468的博客
05-23 336
3、代码中的其他部分：错误可能实际上是在你的代码中的其他部分，但由于 Rollup 的错误报告可能不总是完全准确，所以你可能错误地将其归咎于 :element-loading-text。不过，从你给出的代码片段中，:element-loading-text 并不是 组件的一个标准属性，如前面提到的，这可能会导致运行时错误，但不应该直接导致 Rollup 的编译错误。查看完整的堆栈跟踪可能会帮助你找到问题的根源。移除或替换有问题的代码：如果可能的话，尝试移除或替换导致问题的代码部分，看看是否解决了问题。
vite打包报错：Unexpected token ‘??=‘
weixin_47168119的博客
04-24 3070
解决vite打包报错 SyntaxError: Unexpected token '??='
vue页面刷新显示空白 后台显示打包后的js 文件报错Unexpected token
weixin_45748897的博客
01-15 414
这里是打包文件路径的问题，修改webpack.config.js 里面的 publicPath为绝对路径 比如 ‘/’
Vue项目打包后，点击router报Uncaught SyntaxError: Unexpected token ‘＜‘
A88552211的博客
03-17 477
解决方法 在未打包前的index.html文件种<head></head>之间添加 <base href="/" /> 完美解决问题
【vue】报错 Uncaught SyntaxError: Unexpected token ‘＜‘
欢迎来到C-Homes
11-30 472
解决办法: 把放在 Vue项目 src/assets里边的资源文件放到 public 文件夹下来引用 assets文件夹与static文件夹的区别 【1】区别一：assets文件是src下的，所以最后运行时需要进行打包，而static文件不需要打包就直接放在最终的文件中了 【2】区别二：assets中的文件在vue中的template/style下用…/这种相对路径的形式进行引用，在script下必须用@import的方式引入，而static下的文件在.vue中的任何地方只需使用…/这种相对路径的方式引入
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-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打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
vue项目，cli-3.0项目部署运行报错：Uncaught SyntaxError: Unexpected token <
小糖穿越火线
11-13 2670
尝试多种办法，仍无法解决： 1、引用js、css使用：./路径 2、 // <script src="./js/config.js"> <script src="<%= BASE_URL %>js/config.js"> 3、assetsPublicPath： ./ 4、 5、 6、 ... 试了超多方法。。。 解决： 真的坑：避免...
vue3项目中Uncaught SyntaxError: Unexpected token ‘＜‘ 错误参考解决方法
weixin_59587584的博客
10-28 3752
‘Uncaught SyntaxError: Unexpected token '
vue项目报错：Uncaught SyntaxError: Unexpected token <
杜鲁阳的博客
02-14 5685
vue项目报错：Uncaught SyntaxError: Unexpected token &lt; 一、问题： 在vue项目中引入第三方依赖的 JS 文件【这里用test.js代替】时，遇到了一个问题： 控制台（console）提示：Uncaught SyntaxError: Unexpected token &lt; 在 index.html 文件中,发现引入的的 JS 文件是放在 /src...
Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘＜‘ 的解决方法
weixin_44934104的博客
05-13 9489
还好不容易工作进入到了打包环节，却又开始报错，报错文件是一个JS文件： JS文件打开以后是这样的 问题：应该是文件引入的问题，开始找解决方法 在网上找了一些浏览量很高的方法，试过的如下： 1、 添加externals的配置 2、 把assets文件夹下的内容放到public下 3、将引入Router的模式改为“hash” 试过了之后都无效，非常的头疼（也有可能是我设置的方式也存在问题） 最终找到了一篇文章解决，使用一行配置搞定，在vue.config.js文件中加入： //使用路径 Uncaught
vue 路由跳转history模式报Uncaught SyntaxError: Unexpected token ‘＜‘，与众不同的点
dawang18232123的博客
11-27 769
然后就开始排查到底是什么问题导致的这个，顺便在网上搜寻答案，结果网上基本上都是很统一的 ：去 vue.config.js中去修改publicPath为 “/”，也就是修改成绝对路径，我可是我看着我这也是没有问题的，就是绝对路径。将原本的schoolmanagement改成了schmanagement，然后刷新了下，没想到竟然好了，不知道是啥原理，只能猜测是因为识别的school子路径下的文件，虽然那个uniapp项目下并没有名为这个文件名的文件。后来是简单一看，没啥重复的呀，更不知道是为啥了，摸不到头脑。
vue静态资源引入错误——Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43909743的博客
07-16 1870
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
vue Uncaught SyntaxError: Unexpected token '<'
08-31
当在Vue项目中出现Uncaught SyntaxError: Unexpected token '<'错误时，可能有几个原因。首先，可能是由于引用的JS文件位置不正确。在你的问题描述中，有提到JS文件放在了/static文件夹下，但是如果JS文件包含es6语法，放在static文件夹下会导致异常。因为static文件夹默认是不会被打包和编译的。解决方法是将JS文件放到/src文件夹下，并在index.html的引用路径中使用相对路径，例如"./src/xxx/xxxxx.js"。 另一个可能的原因是配置信息不正确。如果JS文件中包含es6语法，但没有配置采用babel-loader来解析和转化为es5语法，也会报这个错误。解决方法是在webpack.config.js中配置loader，并重新编译项目。 最后，可能是静态资源的路径配置问题。在运行npm run build时，静态资源生成的路径配置可能导致找不到静态资源。正确的配置是将assetsPublicPath设置为绝对路径'/'，而不是相对路径'./'。如果使用相对路径，chunk文件会报错找不到。 综上所述，解决这个错误的方法包括：将JS文件放在正确的位置、配置好babel-loader来解析es6语法、以及正确配置静态资源的路径。希望这些方法能够帮助你解决错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue项目报错：Uncaught SyntaxError: Unexpected token](https://download.csdn.net/download/weixin_38697328/14820887)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue 项目报错：Uncaught SyntaxError: Unexpected token ‘＜](https://blog.csdn.net/Noals/article/details/125040788)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Vue项目报错Uncaught SyntaxError: Unexpected token ‘＜](https://blog.csdn.net/weixin_43727560/article/details/123212182)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值