时间戳

首页 > 解决方案 > 使用 Prettier Eslint 时找不到模块“@typescript-eslint/parser”

typescript - 使用 Prettier Eslint 时找不到模块“@typescript-eslint/parser”

问题描述

保存文件时，我从 VSCode 上的 Prettier Eslint 输出收到以下错误。

Error: Cannot find module '@typescript-eslint/parser'
Require stack:
- c:\Users\vtnor\.vscode\extensions\rvest.vs-code-prettier-eslint-0.4.1\dist\extension.js
- c:\Program Files\Microsoft VS Code\resources\app\out\vs\loader.js
- c:\Program Files\Microsoft VS Code\resources\app\out\bootstrap-amd.js
- c:\Program Files\Microsoft VS Code\resources\app\out\bootstrap-fork.js

我的包 json 是：

[...]
"typescript": "^4.2.2",
"@typescript-eslint/eslint-plugin": "^4.16.1",
"@typescript-eslint/parser": "^4.16.1",
"eslint": "^7.21.0",
"prettier": "^2.2.1",
"prettier-eslint": "^12.0.0",
[...]

标签： typescriptvisual-studio-codeeslintprettierprettier-eslint

解决方案

前几天我实际上遇到了这个问题，你需要去你的.eslintrc 并确保模块parser在配置的属性下......最后应该看起来像这样：

{
  //...

  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier/@typescript-eslint",
    "plugin:prettier/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "plugins": [
    "@typescript-eslint"
  ],

  //...
}

这应该涵盖有关 linter 依赖项的基本知识......希望它有所帮助

编辑

我检查了 git hub 的这个问题，可能和我的不一样，请检查这个链接https://github.com/prettier/prettier-vscode/issues/905

推荐阅读