Syntax Error: TypeError: token.type.endsWith is not a function

蓝with黑

已于 2023-12-21 11:37:23 修改

阅读量1.1k

点赞数 12

分类专栏： bug解决记录文章标签：前端

于 2023-12-21 11:29:06 首次发布

本文链接：https://blog.youkuaiyun.com/qq_24380731/article/details/135126800

版权

bug解决记录专栏收录该内容

11 篇文章

订阅专栏

文章讲述了在使用eslint时遇到的TypeError，原因在于babel-eslint包被弃用。解决方案是降低babel-eslint版本至8.2.2，或替换为@babel/eslint-parser，并更新.eslintrc.js配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

eslint 报错：
Syntax Error: TypeError: token.type.endsWith is not a function

Syntax Error: TypeError: token.type.endsWith is not a function
Occurred while linting /Users/jianyijianse/work/project/front/2022/purchase-tender-web/src/views/abnormal/add.vue:183
    at Array.every (<anonymous>)
    at Array.forEach (<anonymous>)


 @ ./src/router/constRoutes.js 219:15-49
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://10.11.22.249:8083/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

1. 解决方案1

排查了代码之后，并没有发现代码错误在哪里，
后来看了这篇文章，降低babel-eslint版本到8.2.2就正常了。
原版本10.1.0
在这里插入图片描述
改为8.2.2

参考1

解决方案2

原因是：
babel-eslint npm包已被弃用，我们无法再下载到这个包，导致项目缺少依赖报错。

将弃用的babel-eslint换成@babel/eslint-parser即可。

先移除依赖：yarn remove babel-eslint或者npm uninstall --save-dev babel-eslint
然后添加依赖：yarn add --dev @babel/eslint-parser或者npm install --save-dev @babel/eslint-parser
注意：eslint和eslint-plugin-vue依赖也是必须的，项目若没有也需要添加。
最后修改.eslintrc.js文件配置：

parserOptions: {
   parser: '@babel/eslint-parser'
}

参考2