在使用更漂亮的Eslint时无法找到模块“@typescript-Eslint/解析器”

Question

在保存文件时，我从VSCode上更漂亮的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

我的包裹是：

[...]
"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",
[...]

Answer 1

实际上，前几天我遇到了这个问题，您需要访问您的.eslintrc，并确保模块在config...should的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...hope中有关依赖关系的基本要素--它有助于

编辑

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

Answer 2

在正确的目录中打开VS代码。

例如，我们有：

/dir1/
/dir1/node_modules

在dir1目录中

。右击

。用代码打开

Answer 3

问题可能是.eslintrc没有找到必要的模块，因为它位于错误的位置。.eslintrc需要有文件夹node_modules就在它旁边。这可以很容易地通过将.eslintrc放入项目文件夹并在其旁边创建package.json来实现。然后，还将在项目文件夹中创建node_modules，并找到必要的(和安装的)模块。

您的项目文件夹应该类似于：

​

​