ESLint與更漂亮的問題上紗全球安裝

我建立我ReactJS環境的過程中我和我下面的話題FrontendMasters課程。ESLint與更漂亮的問題上紗全球安裝

在已經安裝eslint和漂亮經紗全球，筆者運行此命令eslint js\**\*.{js,jsx}和他的機器上，一切都很好，但我得到以下幾點：

糟糕！出了些問題！ :(

ESLint找不到插件「eslint-插件，漂亮」造成這種情況的幾個不同的原因：

如果全球的裝機量ESLint，然後確保eslint-plugin-如果ESLint安裝在本地，那麼很可能是插件安裝不正確，請嘗試通過運行以下命令重新安裝：
（http://support.microsoft.com/kb/）如果ESLint在本地安裝，則可能是插件安裝不正確。
NPM我eslint-插件，漂亮@最新--save-dev的

如果您仍然無法找出問題，請https://gitter.im/eslint/eslint停下來與團隊聊天。

我試圖谷歌，但找不到任何相關信息。這是爲什麼發生？我在Windows 10，使用最新版本的紗線（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

我也跟着下面白日夢的建議，雖然我沒有做nvm安裝。但我確實刪除node_modules文件夾，並在ESLint的一個的Gitter交談了之後，我繼續和卸載ESLint，並Prettier全球。然後我做了ESLint和PrettierdevDependencies。最後我跑yarn命令來重新安裝一切，現在我得到這樣的：

注意：該項目是開源的，而且是on GitHub，如果你想看到自己。

來源

2017-06-29 Ciwan

我假設你打算標記紗包管理器，而不是紗線Apache項目？ – halfer

對不起，是@halfer – Ciwan

我也做的過程中，和第一的提示，我在網絡上看到的是參考的紗線通過安裝eslint到node_modules的直接路徑：

./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工作的罰款（但我仍然不得不指定安裝路徑。

希望幫助！

來源

2017-06-29 21:19:47

我沒有安裝'nvm'，但我刪除了'node_modules'，查看更新的問題。 – Ciwan

嘗試'./node_modules/.bin/eslint ** /。* {js | jsx} --quiet' 後來運行webpack時，他以類似的方式調用它（基本上，您正在調用安裝在' node_modules'當你第一次跑紗時） –

試過，並得到了同樣的錯誤:( – Ciwan

我只是碰到了同樣的問題我自己。這似乎是一個問題與eslint的最新版本，我的是4.2.0爲了解決這個問題我：

run: Yarn remove eslint 
or 
    run: npm uninstall eslint

這將本地刪除它，然後

run: yarn add [email protected] 
or run: npm install [email protected] 

    run: eslint **/*.{js,jsx} --quiet

我的路徑可能會設置不同，所以請結合「Daydream Nation」回答你應該得到它的工作。我不確定Brian正在使用什麼版本，我敢肯定，如果你拉下他最近的一個回購商品，它會告訴你，但希望這會引導你朝着正確的方向前進。

來源

2017-07-11 10:30:06

我還應該提到，如果你進一步播放前端主視頻ESLint，你會注意到其他人都有同樣的問題，你會注意他也在使用[email protected] –

我使用的是'3.19.0'，並且仍然出現同樣的問題，而且我注意到有一個人告訴他關於同一個問題 – Ciwan

也嘗試瞭如@DaydreamNation，但仍然得到完全相同的錯誤'無法找到模塊eslint-config-prettier/react' – Ciwan

我錯過了幾個軟件包。這是我如何解決它。

npm i eslint-config-prettier -save-dev 
npm i eslint-config-standard -save-dev 
npm i eslint-plugin-node -save-dev 
npm i eslint-plugin-promise -save-dev

這裏是我的package.json

{ 
    "name": "rpp-react", 
    "private": true, 
    "scripts": { 
    "start": "meteor run" 
    }, 
    "dependencies": { 
    "babel-runtime": "^6.20.0", 
    "meteor-node-stubs": "~0.2.4", 
    "prop-types": "^15.5.10", 
    "react": "^15.6.1", 
    "react-addons-pure-render-mixin": "^15.6.0", 
    "react-dom": "^15.6.1", 
    "react-tap-event-plugin": "^2.0.1" 
    }, 
    "devDependencies": { 
    "babel-eslint": "^8.0.0", 
    "eslint": "^4.7.2", 
    "eslint-config-prettier": "^2.5.0", 
    "eslint-config-standard": "^10.2.1", 
    "eslint-plugin-flowtype": "^2.35.1", 
    "eslint-plugin-import": "^2.7.0", 
    "eslint-plugin-jsx-a11y": "^5.1.1", 
    "eslint-plugin-node": "^5.1.1", 
    "eslint-plugin-prettier": "^2.3.1", 
    "eslint-plugin-promise": "^3.5.0", 
    "eslint-plugin-react": "^7.3.0", 
    "eslint-plugin-standard": "^3.0.1", 
    "prettier": "^1.7.0" 
    } 
}

這裏是我的.eslintrc.json

{ 
    "extends": [ 
    "standard", 
    "plugin:flowtype/recommended", 
    "plugin:react/recommended", 
    "prettier", 
    "prettier/flowtype", 
    "prettier/react", 
    "prettier/standard" 
    ], 
    "plugins": [ 
    "flowtype", 
    "react", 
    "prettier", 
    "standard" 
    ], 
    "parserOptions": { 
    "sourceType": "module", 
    "ecmaFeatures": { 
     "jsx": true 
    } 
    }, 
    "env": { 
    "es6": true, 
    "node": true 
    }, 
    "rules": { 
    "prettier/prettier": "error" 
    } 
}

來源

2017-09-22 18:49:29

在這裏您可以通過全球的裝機量eslint發展依賴：

sudo npm install --global eslint-plugin-react

並安裝其他開發項目目錄上的項目。

eslint - 配置 - 漂亮
eslint-配置反應的
eslint-插件，漂亮
eslint-插件反應的

而且eslint找不到其他發展依賴。因此，您需要全局安裝所有這些開發依賴項來解決此問題。

安裝項目目錄中的所有這些發展的依賴和使用命令：

~/<project_directory>/node_modules/.bin/eslint **/*.{js,jsx} --quiet

來源

2018-02-23 17:00:57 RaiBnod

ESLint與更漂亮的問題上紗全球安裝

回答

相關問題