无法解析模块`./../../react-transform-hmr/lib/index.js`答案

【问题标题】：Unable to resolve module `./../../react-transform-hmr/lib/index.js`无法解析模块`./../../react-transform-hmr/lib/index.js`
【发布时间】：2019-03-10 14:55:24
【问题描述】：

错误：捆绑失败：错误：无法从/ReactNative/UsermanagementNav/src/App.js 解析模块./../../react-transform-hmr/lib/index.js：无法从/ReactNative/UsermanagementNav/src/App.js 找到模块./../../react-transform-hmr/lib/index.js。

我尝试使用

安装 react-native-transform-hmr

npm i react-native-transform-hmr

但这并不能解决我的问题。我正在使用 react-native 0.57.2 和 react 16.5.0

【问题讨论】：

标签： react-native react-redux

【解决方案1】：

只有在安装 react-native 0.57.2 时才会出现此问题。

似乎 Metro Bundler 在解决路径时遇到了问题从./node_modules/react-native/scripts/packager.sh开始。

直接从项目目录启动 Metro Bundler 有效为了我。有人可以告诉我它是否也适用于他们吗？
# Clean cache
rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all

# Start Metro Bundler directly
react-native start

# Now run `react-native run-android` or `react-native run-ios` in another tab

Source

【讨论】：

非常感谢兄弟。
我在 xcode 中使用它，所以请告诉我，无论您说什么，我该怎么做？
在使用 react-native start --reset-cache 而不是 react-native start 时有效
是的，你也可以试试这个react-native start --reset-cache
对我来说，直接使用 --reset-cache 运行 Metro bundler 是可行的，但是当我将 xcode 更新到版本 10.0 (10A255)/ios12 时，这个问题就开始了。我的 RN 项目曾经并且仍在 react-native：0.55.4。谢谢解答！

【解决方案2】：

我得到了答案。

试试吧：

npm start -- --reset-cache

命令，它会起作用的。

【讨论】：

谢谢，解决了这个问题。
为我工作。谢谢

【解决方案3】：

尝试使用此推荐清除缓存。此方法对我有用

react-native start --reset-cache

【讨论】：

【解决方案4】：

你需要：

降级到 react-native "0.57.1"
运行：

npm install @babel/runtime

【讨论】：

【解决方案5】：

以下变通方法已确认有效：

"react": "16.5.0",
"react-native": "0.57.2"

解决方法：

# https://github.com/facebook/react-native/issues/21490

# 1) Clean cache
rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all

# 2) Open a *NEW* terminal tab and 
#    Start Metro Bundler directly from the project folder using:
react-native start  --reset-cache

# 3) Return to second project folder tab and run
# react-native run-android`
# or
# react-native run-ios`

【讨论】：

【解决方案6】：

捆绑失败：错误：无法解析模块 /../react-transform-hmr/lib/index.js

这个解决方案对我有用。仅在第 130 行附近更新 node_modules\metro\src\reactNativeTransformer.js

https://github.com/facebook/metro/commit/e595178fc859263cc2d88de08650d99c52bcc0d9

【讨论】：

【解决方案7】：

这是我发现的一个有趣的解决方法。（在 Windows 10 上运行）打开 2 个 Powershell 窗口。在第一种类型 react-native start --reset-cache 在第二个中转到您的文件夹路径并输入 react-native run-android 像魅力一样工作！

【讨论】：

【解决方案8】：

此问题已在 React Native@0.57.3 中解决，因此您现在可能需要考虑升级到该版本或更高版本。

只要确保您还将React 和React test renderer 更新到至少版本"16.6.0-alpha.8af6728"。 我也迁移到使用React@16.6.0 没有任何问题。

React Native 0.57.3 更新日志

注意：当您升级到此版本时，您需要至少将 react 和 react-test-renderer 升级到版本 "16.6.0-alpha.8af6728"（下一个版本将更新到16.6.0 的“一流支持”，它很快就会到来 - 但无论如何使用 16.6.0 应该是相当安全的）。另外，请检查下面的已知问题部分，尤其是如果您使用的是 Xcode 10。

【讨论】：

【解决方案9】：

首先，这样做：

npm install @babel/runtime

然后运行这个：

react-native start --reset-cache

然后运行这个：

react-native run-android

【讨论】：

【解决方案10】：

我被困在这个问题上大约 3/4 天。我尝试了所有方法，但都没有解决我的问题。最后我设法解决了这个问题（对我来说），以下是我的设置：

npm -version = 6.4.1
节点-v = 10.11.0
python --version = 2.7.14

然后在命令“react-native init MyProject”期间，它将安装的版本是“0.57.2”，这导致了我的问题，所以我遇到的简单方法是在 init 使用期间

>react-native init --version="0.55.4" MyProject

而不是 >react-native init MyProject

它为我修复了所有问题，并在我的设备上已安装的 apk 上加载了起始页（我使用的是设备而不是模拟器）

希望这会有所帮助，我对编程真的很陌生，很抱歉我无法用更多的技术术语解释这些东西。

最好的祝福

【讨论】：

我也被困在这个问题上 3 天了！我尝试了一切，这是唯一对我有用的解决方案。 #node10.11 #npm6.4.1 #python2.7 #windows10 #android8 #androidstudio #androidemulator

【解决方案11】：

我也有同样的问题，对我来说，秘诀是：

更新 react-native-cli

npm install react-native-cli -g

然后，一切都按预期运行。

我的版本是0.60.5

【讨论】：

我拼错了我的秘密酱汁。但要知道这不再是秘密了。

【解决方案12】：

我通过这些步骤解决了，

- Close all the npm Terminal
- Open a new Command prompt and run react-native start --reset-cache
- Open a new Command prompt and run react-native run-android

【讨论】：

【解决方案13】：

1) 在您的 package.json 中将 react native 版本 react-native "0.57.2" 更改为 "0.57.1" 2) 再次运行 yarn|npm install。 3) 杀死所有节点进程killall node 4) 再次测试您的应用。

问题的最常见原因可能是使用了物理设备而不是模拟器。希望这个问题能在未来的 React 版本中得到解决。

【讨论】：