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

bvhaajcl 于 2022-12-24 发布在 TypeScript

关注(0)|答案(8)|浏览(928)

保存文件时，我从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",
[...]

typescript

来源：https://stackoverflow.com/questions/66444572/cannot-find-module-typescript-eslint-parser-when-using-prettier-eslint

8条答案

按热度按时间

bvn4nwqk1#

实际上，前几天我遇到了这个问题，你需要转到你的.eslintrc，并确保模块在config的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"
  ],

  //...
}

这应该涵盖了关于你的短绒依赖性的要点...希望它能有所帮助

- 编辑**

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

赞(0）回复(0）举报 2022-12-24

sqxo8psd2#

在正确的目录中打开VS代码。
例如，我们有：

/dir1/
/dir1/node_modules

在dir1目录中
。单击鼠标右键
.使用代码打开

赞(0）回复(0）举报 2022-12-24

bpsygsoo3#

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