web-dev-qa-db-ja.com

モジュール「react」へのパスを解決できません。 （インポート/未解決）

私はここで何かが欠けているようです、それはエラーなしで動作するはずですがeslintは次を投げ続けます：

モジュール 'react'へのパスを解決できません。（import/no-unresolved）

"react"（インポート/拡張子）のファイル拡張子がありません

import React from 'react'しようとしたとき

ここにいくつかのデバッグ情報があります：

package.json

{
  "dependencies": {},
  "devDependencies": {
    "react": "16.3.2",
    "react-dom": "16.3.2",
    "@storybook/addon-actions": "^3.4.2",
    "@storybook/addon-links": "^3.4.2",
    "@storybook/addons": "^3.4.2",
    "@storybook/react": "^3.4.2",
    "babel-core": "^6.26.3",
    "babel-eslint": "^8.2.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-runtime": "^6.26.0",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-import": "^2.11.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.7.0"
  }
}

。eslintrc

{
  "parser": "babel-eslint",
  "extends": ["airbnb", "prettier"],
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  }
}

。babelrc

{
  "presets": ["env", "react"]
}

エディター：atom v1.26.1

ありがとう。

reactjsbabeljseslinteslint-config-airbnb
3
Jalal

npm i -E react react-domを使用してreactおよびreact-domをインストールしましたが、正しくインストールされなかった正確なバージョンをインストールしようとしました。

npm i react react-dom -Dは問題を解決しました。

1
Jalal

React Nativeを使用している場合は、.native.jsファイルに許可された拡張子として.eslintrcを追加すると役立つ場合があります。
また、TypeScriptを使用している場合は、.tsと.tsxも役立ちます。

"settings": {
  "import/resolver": {
    "node": {
      "extensions": [".ts", ".tsx", ".native.js"]
    }
  }
}
0
GollyJer

reactはdependenciesにあるはずなので、文句を言うと思います。

{
  "dependencies": {
    "react": "16.3.2",
    "react-dom": "16.3.2",
  },
  "devDependencies": {
    "@storybook/addon-actions": "^3.4.2",
    "@storybook/addon-links": "^3.4.2",
    "@storybook/addons": "^3.4.2",
    "@storybook/react": "^3.4.2",
    "babel-core": "^6.26.3",
    "babel-eslint": "^8.2.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-runtime": "^6.26.0",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-import": "^2.11.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.7.0"
  }
}
0
Tomasz Mularczyk