【vue error】Parsing error: Unexpected token, expected “,“

最新推荐文章于 2024-05-11 18:30:27 发布
最新推荐文章于 2024-05-11 18:30:27 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： 错误记录 文章标签： vue.js typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63514555/article/details/128177428
版权

 我这个是因为引入element-ui的时候，用到了ts，但是我的依赖并没有ts，导致一直报错

用

vue add typescript

即可

 

 

前端小白多阅读
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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 <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue报错：Parsing error: Unexpected token, expected “,“ eslint
weixin_44924882的博客
07-29 8287
Parsing error: Unexpected token, expected ","
[vite:vue] Error parsing JavaScript expression: import.meta may appear only with ‘sourceType: “modul
最新发布
前端小伍的博客
05-11 340
只能在<script>标签中用import.meta。
前端VUE使用报错 { expected ESLint: Parsing error: Unexpected token, expected “{“
Snack_counter
04-07 2576
ESLint: Parsing error: Unexpected token, expected "{"
vue3+ts+element-plus‘， eslint 报错 Parsing error:Unexpected token, expected “from“
u011602641的博客
12-23 5762
控制台执行 npm install --save-dev typescript @typescript-eslint/parser。代码：import type {UploadProps, UploadUserFile} from ‘element-plus’vue3 引用element-plus 上传图片el-upload组件时报错。修改package.json文件 eslintConfig 配置。原因 ：未安装typescript-eslint/parser。安装成功后重新启动 无报错。
（vite/webpack 通用）vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘
07-13 3329
浏览器一片空白，开控制台输出：Uncaught Syntaxerror: Unexpected token?vite代码版本较高，导致低版本浏览器无法运行，结果是他那边浏览器的版本很低(谷歌44)导致的。
Parsing error Unexpected token错误解决方案
m0_67402235的博客
03-11 4934
问题描述： import动态导入，将js文件单独打包时，webpack打包错误 import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); }); 构建出错： ERROR in ./src/js/index.js Module Error (from ../../node_modules/_
git 提交vue代码时遇 代码检查 规范性 报错 导致提交不了
昔人'
10-10 3080
git 提交vue代码时遇 代码检查 规范性 报错 导致提交不了
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打包项目报Unexpected token分析及解决方法
lilongwei4321的博客
09-20 1万+
1、vue打包项目放到，内网发现报错，不要慌，查看报错的文件，我的是有3个报错，rem.js，md5.js等文件；点开文件发现找不到，说明路径配置有问题 2、我的项目是放在非根目录下的所以需要配置config/index.js文件 build assetsPublicPath:'/fishagent/'，fishagent非根目录下的路径名，具体操作可以看我之前的文档 https://blo...
Parsing error: Unexpected token错误解决方案
热门推荐
weixin_42781537的博客
10-18 3万+
问题描述： import动态导入，将js文件单独打包时，webpack打包错误 import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); }); 构建出错： ERROR in ./src/js/index.js Module Error (from ../../node_modules/_
解决 eslint 的 Parsing error: Unexpected token 错误
qq_44792224的博客
11-01 5730
原文链接：https://blog.csdn.net/xzlAwin/article/details/109362849。问题分析：禁用eslint，webpack打包正常，Parsing error 是eslint解析错误。解决 eslint 的 Parsing error: Unexpected token 错误。问题描述：import动态导入，将js文件单独打包时，webpack打包错误。1.eslint 配置 babel-eslint 插件。
eslint 的 Parsing error: Unexpected token 错误
飞翔的小白
12-02 1万+
Line 7:9: Parsing error: Unexpected token 解决方案： 1.eslint 配置 babel-eslint 插件 cnpm install babel-eslint --save 2.在package.json中配置 eslintConfig 属性 "eslintConfig": { "parser": "babel-eslint" }
vue+ts报错 Parsing error: Unexpected token
奋斗的蜗牛
07-01 6716
1.检查是否安装babel-eslint 2.打开.eslint.js文件 检查部分属性和下方的是否匹配 // ESlint 检查配置 module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, parser: "vue-eslint-parser", //------------ env: { browser: t.
ESLint Parsing error: Unexpected token
wfly blog
02-04 1579
加入parser: "babel-eslint", https://stackoverflow.com/questions/36001552/eslint-parsing-error-unexpected-token
Unexpected token, expected “,“在脚手架配置中重复出现的解决办法（亲测有效）
wangzhen12138的博客
08-02 2869
在我们的vuecli的配置过程中，我们有可能会遇到如上问题，无论怎么改正都没有效果，依然报错 亲这里不要忘记按f5来进行页面的保存，这个不同于跑页面自动保存，而我们的一个个组件是单独需要保存的 ...
Error loading config" err="error parsing config file: yaml: line 2: did not find expected key怎么解决
09-08
### 回答1： 这个错误提示是在告诉你配置文件第 2 行出现了错误，没有找到期望的键。 解决方法： 1. 检查配置文件第 2 行，确保该行存在期望的键。 2. 确保配置文件的语法格式正确，比如缩进是否正确，键和值是否正确分隔等。 3. 如果问题依然存在，请参考该软件的使用说明或者在网上查找相关资料，了解更多关于配置文件的相关说明。 希望这些信息能帮助你解决问题。 ### 回答2： 出现这个错误是因为配置文件存在语法错误，可能是在第二行没有找到期望的键。 要解决这个问题，首先需要检查配置文件的第二行，并确保它包含了正确的键。在大多数情况下，这是因为键的拼写错误或缺失引号导致的。 如果你确定键的拼写是正确的，那么可能是缺少了一个冒号。YAML语法要求每个键值对都必须以冒号分隔。 此外，还需要检查整个文件中的其他语法错误。在解析和加载配置文件时，yaml解析器会报告错误所在的行号和具体错误信息。 如果你仍然无法解决问题，可以尝试使用在线yaml验证工具来验证配置文件的语法，并查找语法错误。 最后，确保你使用的yaml解析库是最新的版本。有时候，这种错误可能是由于解析库的bug导致的，更新解析库可以解决一些问题。 总结一下，解决"Error loading config" err="error parsing config file: yaml: line 2: did not find expected key"错误的步骤如下： 1. 检查第二行的键是否正确拼写并确保有冒号。 2. 检查整个文件中是否存在其他语法错误。 3. 使用在线yaml验证工具验证文件的语法。 4. 确保使用的yaml解析库是最新的版本。 ### 回答3： 问题的原因是配置文件的语法错误导致解析失败。要解决这个问题，可以按照以下步骤进行操作： 1. 首先，检查配置文件的路径是否正确，确保程序能够正确地找到配置文件。如果路径不正确，可以修正它。 2. 其次，打开配置文件，检查第二行的语法是否正确。根据错误信息来看，可能是缺少了一个键（key），导致解析失败。确保每个键值对都按照正确的格式书写，即键和值之间用冒号分隔，并且键值对之间用换行符分隔。 3. 需要特别注意，YAML配置文件对于缩进和空格有严格的要求。确保每个键值对的缩进正确，并且键值对的值之前没有多余的空格或制表符。 4. 如果配置文件较长，可以先将其内容拷贝到一个在线YAML验证器中进行验证，例如 https://codebeautify.org/yaml-validator。这将帮助您找出配置文件中的语法错误，并指导您进行修正。 5. 如果上述步骤都没有解决问题，您可以尝试将配置文件备份并删除，然后重新创建一个新的配置文件。确保新配置文件从头开始按照正确的格式书写。 希望通过以上步骤，您能够成功解决"Error loading config" err="error parsing config file: yaml: line 2: did not find expected key"的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值