【问题标题】:eslint config for exp init projectexp init 项目的 eslint 配置
【发布时间】:2018-09-04 04:51:44
【问题描述】:

我正在编译在所有类型的 react native 项目中添加 eslint-flow-prettier 的完美方法。 我对在 Expo 项目中使用 eslint 有一些疑问。
exp init 是否也安装了 eslint? 如果没有,我尝试使用以下命令安装 eslint

1)yarn add --dev eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint 

2)yarn eslint --init

这是将 eslint 放入 expo 项目的正确方法吗?
在上面的第二步中,它要求选择“使用流行的风格指南”,我选择了 Airbnb,之后它删除了多个包并且项目没有运行(错误的明显原因:缺少库)。那么为什么会这样?
我应该选择 Airbnb 以外的配置吗?(eslint 配置只有 3 个选项:Google、Airbnb、Standard)

我也确实将 YARN 用于 expo 项目,因为 NPM 带来了更多的复杂性,因为它在上面的第 1 步中删除了 500 多个包,这导致许多库从项目中丢失,我尝试 npm install 安装所有包,但是仍然有问题。所以选择了 YARN。

现在我想以某种方式将 eslint 包含在 Expo 项目中。

提前致谢。

更新 3 月 26 日 16:25 IST:
1)这里是使用安装 eslint 后的信息:npm install --save-dev eslint-config-airbnb babel-eslint(npm 版本 5.8.0)

【问题讨论】:

  • 你用的是哪个编辑器?
  • @AnjalSaneen,感谢您的回复。我正在使用 vscode,也是 npm 版本 5.8.0,expo 版本:50.0.5

标签: react-native npm expo


【解决方案1】:

这个问题通过删除项目目录中的node_modules文件夹得到解决,并做了npm intsall
因此,在任何npm install <package> 期间,如果它删除了一些其他以前安装的软件包,目前唯一的方法是删除整个node_module 文件夹并执行npm install。这对我有用,当创建具有本机代码支持的 react-native 应用程序时出现此问题时 (https://facebook.github.io/react-native/docs/getting-started.html)。

【讨论】:

    【解决方案2】:
    1. eslint-config-airbnbbabel-eslint 安装为开发依赖项。
    2. 在您的根目录中创建一个名为 .eslintrc 的文件并将其添加到此文件中

      {
      "extends": "airbnb",
      "parser": "babel-eslint",  
      "rules": {
      
          }
      }
      
    3. 在您的编辑器中安装 Eslint 扩展。这是 vscode 的extension(如果你使用 Webstorm,你可以启用 eslint)

    【讨论】:

    • 我应该使用 YARN 还是 NPM?
    • @Raj 这是你的选择。我正在使用 npm。但我也喜欢纱线npm install --save-dev eslint-config-airbnb babel-eslint。这是 npm 的命令
    • 有一些问题我正在用截图更新问题
    猜你喜欢
    • 2017-06-22
    • 2021-05-14
    • 2018-12-24
    • 2020-05-27
    • 2021-12-07
    • 2021-12-14
    • 2021-02-15
    • 2021-01-10
    • 2017-07-31
    相关资源
    最近更新 更多