我一直试图让ESLint在VS Code中处理新的Angular项目,但是它无法加载“ @ typescript-eslint / eslint-plugin”。我花了最后3个小时来弄清楚问题出在哪里,并四处寻找解决方案。
Failed to load plugin '@typescript-eslint' declared in 'png-ui/.eslintrc.js': Cannot find module '@typescript-eslint/eslint-plugin'
Require stack:
- /Users/Yahia/Desktop/Plugngrow-UI/__placeholder__.js
Referenced from: /Users/Yahia/Desktop/Plugngrow-UI/png-ui/.eslintrc.js
Happened while validating /Users/Yahia/Desktop/Plugngrow-UI/png-ui/.eslintrc.js
This can happen for a couple of reasons:
1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc).
2. If ESLint is installed globally, then make sure '@typescript-eslint/eslint-plugin' is installed globally as well.
3. If ESLint is installed locally, then '@typescript-eslint/eslint-plugin' isn't installed correctly.
Consider running eslint --debug /Users/Yahia/Desktop/Plugngrow-UI/png-ui/.eslintrc.js from a terminal to obtain a trace about the configuration files used.
到目前为止我已经完成的调试步骤:
ng new
命令创建的Angular应用的全新安装。 eslint --debug /Users/Yahia/Desktop/Plugngrow-UI/png-ui/.eslintrc.js
命令。除了在调试时忽略“ .eslintrc.js”文件的警告外,它不会产生其他警告。请注意,ESLint在我做入门教程时从Angular docs下载的另一个项目中运行良好。
我已经为项目创建了Github repo,如果可以帮助检查的话。
请原谅我在编程和相关工具方面的新颖性。
答案 0 :(得分:0)
我昨天刚遇到这个问题。 我建议您在本地重新安装“@typescript-eslint/eslint-plugin”并查看帮助。您还可以重新设置 eslintrc.js 文件,应该很容易修复。
这个链接很有帮助。 https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project