React Native Projectを作成しましたが、Expo XDEでそのプロジェクトを開こうとしていました。次のエラーがスローされます。
Cannot find module ...\node_modules\expo\tools\LogReporter
まず、KitchenSinkプロジェクトを複製してReact Nativeプロジェクトを作成しました。リンク:
プロジェクトのルートディレクトリ内で一連のコマンドを発行してプロジェクトを開始したとき:
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が見つかりません
なぜこのエラーが発生するのですか、どうすれば修正できますか?
package.json
必要な依存関係がすべて含まれていて、npm install
プロジェクトのホームディレクトリ内
パッケージが欠落している場合は、それを追加できます
npm install <package_name> --save
yarnを使用している場合:
yarn add expo
やった:
yarn add expo
そしてそれは私のために働いた=)
ドキュメントを参照してください:
そして
これらのドキュメントは、プロジェクトが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
を削除する必要があります。これは、異なるパッケージマネージャーが混在するのを防ぐためです:npm
とyarn
。
代わりに、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-native
とyarn
に注目してください。
Android
およびios
フォルダーを生成します。
react-native eject
糸を開始:
yarn start
選択したビルドを実行し、SDKがインストールされていることを確認します。
react-native run-Android
以下も参照してください: Uncaught TypeError:KitchenSinkデモで、未定義のプロパティ 'forEach'を読み取ることができません
ハッピーコーディング:-)
Expoモジュールをインストールする
npm install --save
つまり.
npm install expo --save