ESLint在Yarn全局安装上有更漂亮的问题

Question

我正在设置我的ReactJS环境,我正在关注该主题的FrontendMaster课程.

通过Yarn在全局安装eslint和更漂亮之后,作者运行此命令eslint js\**\*.{js,jsx}并在他的机器上,一切都很好,但我得到以下内容:

哎呀!有些不对劲!:(

ESLint无法找到插件"eslint-plugin-prettier".出现这种情况的原因有两个:

1. 如果全局安装ESLint,请确保全局安装eslint-plugin-prettier.全局安装的ESLint无法找到本地安装的插件.

2. 如果在本地安装ESLint,则可能是插件未正确安装.尝试通过运行以下命令重新安装:

   npm i eslint-plugin-prettier @ latest --save-dev

如果您仍然无法解决问题,请访问https://gitter.im/eslint/eslint与团队聊天.

我试过谷歌,但找不到任何相关的东西.为什么会这样？我在Windows 10上,使用最新版本的Yarn(v0.24.6),我eslintrc.json看起来像这样:

{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true
  }
}

UPDATE

我按照下面的Daydream的建议,虽然我没有nvm安装.但我没有删除该node_modules文件夹,并在ESLint的一个的Gitter交谈了之后,我继续和卸载ESLint,并Prettier在全球范围.然后我做了ESLint和Prettier devDependencies.最后我运行yarn命令重新安装所有内容,现在我得到了这个:

注意:该项目是开源的,如果您想亲眼看看,它在GitHub上.

Answer 1

我也在做这门课程，我在网上看到的第一个技巧是通过将yarn安装到node_modules来引用eslint的直接路径：

./node_modules/.bin/eslint **/*.{js,jsx} --quiet

但在那之后，我遇到了一条错误消息- Unexpected top-level property "ecmaFeatures"

最终，我为解决问题所做的就是删除node_modules，删除除 和 文件夹之外的所有内容，~/.nvm/versions/node/<the version>/lib/node_modules 然后npm键入yarn重新yarn安装所有内容。

之后，./node_modules/.bin/eslint **/*.{js,jsx} --quiet工作正常（但我仍然必须指定安装路径。

希望有帮助！