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

时间:2018-10-05 06:51:55

标签: react-native react-redux

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

我尝试使用

安装react-native-transform-hmr
  

npm我react-native-transform-hmr

但是它不能解决我的问题。我正在使用本机0.57.2和反应16.5.0

12 个答案:

答案 0 :(得分:32)

  

仅当安装了本机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

答案 1 :(得分:19)

我得到了答案。

只需尝试:

npm start -- --reset-cache

命令,它将起作用。

答案 2 :(得分:12)

使用此命令尝试清除缓存。此方法对我有用

react-native start --reset-cache

答案 3 :(得分:7)

您需要:

  1. 降级为反应本机“ 0.57.1​​”

  2. 运行:

    npm install @ babel / runtime

答案 4 :(得分:6)

已确认以下解决方法可用于:

"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`

答案 5 :(得分:3)

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

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

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

答案 6 :(得分:3)

这是我发现的一个有趣的解决方法。 (在Windows 10上运行) 打开2个Powershell窗口。 第一种是 react-native start --reset-cache 在第二个中转到您的文件夹路径,然后输入 react-native run-android 就像魅力一样!

答案 7 :(得分:3)

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

只需确保您还将ReactReact test renderer更新为至少一个版本"16.6.0-alpha.8af6728"我还迁移了React@16.6.0,以解决所有问题。

反应本机0.57.3更改日志

  

注意事项:升级到此版本时,您需要需要来升级react和react-test-renderer至少到版本"16.6.0-alpha.8af6728"(下一版本将更新为16.6.0的“一流支持”,它将很快推出-但无论如何,使用16.6.0都应该相当安全)。另外,请检查下面的“已知问题”部分,尤其是在使用Xcode 10的情况下。

答案 8 :(得分:2)

我被困在这个地方大约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上(我使用的是设备而不是模拟器)

希望这对您有所帮助,我真的是编程新手,很抱歉无法为您提供更多技术术语的解释。

最美好的祝愿

答案 9 :(得分:2)

我遇到了同样的问题,对我而言,秘密原因是:

使用以下命令更新react-native-cli

npm install react-native-cli -g

然后,一切都按预期运行并运行。

我的版本是0.60.5

答案 10 :(得分:1)

我通过这些步骤解决了

- 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

答案 11 :(得分:0)

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

此问题的最常见原因可能是使用仿真器以外的物理设备。 希望此问题将在以后的React版本中得到解决。