无法解析“ App.js”中的“ @ react-navigation / native”-React Native +如何解决？

Question

undefined无法解析@react-navigation/native中的模块App.js：在项目中找不到@ react-navigation / native。

如果您确定模块存在，请尝试以下步骤： 1.清除守望者手表：守望者手表全部 2.删除node_modules：rm -rf node_modules并运行yarn install 3.重置Metro的缓存：yarn start --reset-cache 4.删除缓存：rm -rf / tmp / metro- * -showCompileError中的node_modules \ react-native \ Libraries \ Utilities \ HMRClient.js：307：41 -client.on $ argument_1中的node_modules \ react-native \ Libraries \ Utilities \ HMRClient.js：228：26 -发射中的node_modules \ eventemitter3 \ index.js：181：39 -_ws.onmessage中的node_modules \ metro \ src \ lib \ bundle-modules \ WebSocketHMRClient.js：80：20 -EventTarget.prototype.dispatchEvent中的node_modules \ event-target-shim \ dist \ event-target-shim.js：818：39 -_eventEmitter.addListener $ argument_1中的node_modules \ react-native \ Libraries \ WebSocket \ WebSocket.js：232：27 -发出时的node_modules \ react-native \ Libraries \ vendor \ emitter \ EventEmitter.js：190：12 -__callFunction中的node_modules \ react-native \ Libraries \ BatchedBridge \ MessageQueue.js：436：47 -__guard $ argument_0中的node_modules \ react-native \ Libraries \ BatchedBridge \ MessageQueue.js：111：26 -__guard中的node_modules \ react-native \ Libraries \ BatchedBridge \ MessageQueue.js：384：10 -__guard $ argument_0中的node_modules \ react-native \ Libraries \ BatchedBridge \ MessageQueue.js：110：17 * [本地代码]：callFunctionReturnFlushedQueue中为空

无法从“ App.js”解析“ @ react-navigation / native” 无法构建JavaScript捆绑包。 无法解析“ App.js”中的“ @ react-navigation / native” 无法构建JavaScript捆绑包。 无法解析“ App.js”中的“ @ react-navigation / native” 无法构建JavaScript包。

无法从“ App.js”解析“ @ react-navigation / native” 无法解析“ App.js”中的“ @ react-navigation / native” 无法构建JavaScript捆绑包。 错误：在package.json依赖项中找不到react-native 错误：在package.json依赖项中找不到react-native

enter image description here

请帮助我。 电子邮件ID：roy.sounak01@gmail.com

Answer 1

发生此错误的原因是，您尚未安装反应导航。

运行：

npm install react-navigation
npm start -- --reset-cache

Answer 2

npm install @react-navigation/native

如果使用expo：

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

也可以运行：

npm install react-navigation

Answer 3

最好的解决方案是删除您的 node_modules 和 package-lock.json 并尝试 npm install，它对我有用

Answer 4

好吧，我已经通过重新安装/更新这些软件包来解决了这个问题。

npm install --save react-native-gesture-handler react-native-reanimated react-native-screens

帮忙

npm start -- --reset-cache

但是执行以下操作确实成功：

删除

node_modules＆package-lock.json从手机中删除应用

run npm start -- --reset-cache
run app

Answer 5

尝试将此行添加到您的 metro.config.js

sourceExts: ['jsx', 'js', 'ts', 'tsx', 'json'],