web-dev-qa-db-ja.com

Expo:モジュールLogReporterが見つかりません

React Native Projectを作成しましたが、Expo XDEでそのプロジェクトを開こうとしていました。次のエラーがスローされます。

Cannot find module ...\node_modules\expo\tools\LogReporter

まず、KitchenSinkプロジェクトを複製してReact Nativeプロジェクトを作成しました。リンク:

NativeBase-KitchenSink

プロジェクトのルートディレクトリ内で一連のコマンドを発行してプロジェクトを開始したとき:

npm install、次にexpo start

App.jsonも適切ではないことがわかりました。これは次のとおりです。

{
  "name": "NativebaseKitchenSink",
  "displayName": "NativebaseKitchenSink"
}

expo startを発行した後、react-nativeはapp.jsonが現在のディレクトリで見つからないことを報告しました。

[17:05:08] D:\ Projects\ReactNativeProjects\AwesomeProjectでプロジェクトを開始しています[17:05:10]エラー:app.jsonがありません。 https://docs.expo.io/ [17:05:10]を参照してください。プロジェクトを開始できませんでした。エラーを修正して、プロジェクトを再起動してください。 [17:05:10]エラー:プロジェクトを開始できませんでした。エラーを修正して、プロジェクトを再起動してください。 C:\ [email protected]\src\Project.js:1565:11 at Generator.next()at step(C:\ Users\hp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\build\Project.js:2033:191)C:\ Users\hp\AppData\Roaming\npm\node_modules\expo-cli\node_modules\xdl\build\Project.js:2033:361 at process._tickCallback(内部/process/next_tick.js:68:7)

App.jsonを次のように変更しました:

{
  "expo": {
    "name": "AwesomeProject",
    "description": "A Kitchen Sink project.",
    "slug": "AwesomeProject",
    "privacy": "public",
    "sdkVersion": "30.0.0",
    "platforms": [
      "ios",
      "Android"
    ],
    "ios": {
      "supportsTablet": true
    },
    "Android": {
      "package": "com.abhsax.first"
    },
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/logo.png",
    "splash": {
      "image": "./assets/splashscreen.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ]
  }
}

npm installを再度発行したときに、プロジェクトにいくつかの更新がありました。その後、私は発行しました:

expo start

このエラーが発生しました:

(ノード:2044)UnhandledPromiseRejectionWarning:エラー:モジュール 'D:\ Projects\ReactNativeProjects\AwesomeProject\node_modules\expo\tools\LogReporterが見つかりません

なぜこのエラーが発生するのですか、どうすれば修正できますか?

14
Sadhu

package.json必要な依存関係がすべて含まれていて、npm installプロジェクトのホームディレクトリ内

パッケージが欠落している場合は、それを追加できます

npm install <package_name> --save

yarnを使用している場合:

yarn add expo
10
warch

やった:

yarn add expo

そしてそれは私のために働いた=)

9
mzalazar

ドキュメントを参照してください:

ボタンの糸と公開ロードマップの紹介

そして

npm-vs-yarn-in-react-native

これらのドキュメントは、プロジェクトがYarnを使用して設定されているため、Yarnの方法に従う必要があると述べています。 [Note: There is a file yarn.lock inside the root directory of the project, you have posted]

したがって、そのようなプロジェクトは、ドキュメントの指示に従って対処します。

を参照してくださいReact Yarnを使用してネイティブプロジェクトを作成するにはどうすればよいですか? 実際にreact-nativeプロジェクトを作成するにはYarnを使用します。

また、yarnを使用してnode_modulesを追加する前に、必ずnpm installフォルダーを削除してreact native CLIコマンドを発行してください。プロジェクトのルートからpackage-lock.jsonを削除する必要があります。これは、異なるパッケージマネージャーが混在するのを防ぐためです:npmyarn

代わりに、npmを使用しないことをお勧めします。また、node_modulesを生成するには、コマンドを発行するだけです:

yarn

最後のリンクでは、yarnを使用して必要なすべてのパッケージをインストールし、他のパッケージマネージャーを使用しないことをお勧めします。

yarn global add react-native-cli

反応ネイティブを追加するには:

yarn add react-native

不足しているパッケージを追加するには:

yarn add react-base --save

糸を使用して博覧会をインストールするには:

yarn add expo

expo-cliをインストールする

yarn add expo-cli

Expoなしでも実行できる可能性があります。 react-nativeyarnに注目してください。

Androidおよびiosフォルダーを生成します。

react-native eject

糸を開始:

yarn start

選択したビルドを実行し、SDKがインストールされていることを確認します。

react-native run-Android

以下も参照してください: Uncaught TypeError:KitchenSinkデモで、未定義のプロパティ 'forEach'を読み取ることができません

ハッピーコーディング:-)

6
Abhinav Saxena

Expoモジュールをインストールする

npm install --save

つまり.

npm install expo --save

2