首页 文章

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

提问于
浏览
20

错误:捆绑失败:错误:无法从 /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并且反应为16.5.0

10 回答

  • 26

    此问题仅在安装react-native 0.57.2时发生 . 看起来Metro Bundler在从./node_modules/react-native/scripts/packager.sh启动时解决路径时遇到问题 . 直接从项目目录启动Metro Bundler对我有用 . 有人能让我知道它是否适用于他们? #清理缓存
    rm -rf $ TMPDIR / react- *; rm -rf $ TMPDIR / haste- *; rm -rf $ TMPDIR / metro- *;守望者 Watch - 所有

    #直接启动Metro Bundler
    反应原生的开始

    #现在在另一个标签中运行react-native run-androidreact-native run-ios

    Source

  • 6

    我得到了答案 .

    试一试:

    npm start -- --reset-cache
    

    命令,它会工作 .

  • 3

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

    react-native start --reset-cache
    
  • 0

    你需要 :

    • 降级为反应原生“0.57.1”

    • 运行:

    npm install @ babel / runtime

  • 11

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

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

    Work-around:

    # 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`
    
  • 13

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

    这个解决方案适合我 . 仅更新第130行附近的node_modules \ metro \ src \ reactNativeTransformer.js

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

  • 3

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

  • 7

    我被困在这里等了3/4天 . 我试过每一种方法,但没有解决我的问题 . 最后我设法解决了这个问题(对我来说),以下是我的设置:

    • npm -version = 6.4.1

    • node -v = 10.11.0

    • python --version = 2.7.14

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

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

    而不是 >react-native init MyProject

    它修复了我的一切,并在我的设备上安装的apk上加载了起始页(我使用的是设备而不是模拟器)

    希望这有帮助,我对编程很陌生,抱歉我无法解释这些东西更多技术术语 .

    最好的祝愿

  • 1

    此问题已在 React Native@0.57.3 中得到解决,因此您可能希望此时将cosider升级到该版本或更高版本 .

    只需确保您还将 ReactReact test renderer 更新为至少版本 "16.6.0-alpha.8af6728" . I have also migrated to use React@16.6.0 whitout any issues.

    React Native 0.57.3 changelog

    注意:当您升级到此版本时,您需要至少将react和react-test-renderer升级到版本“16.6.0-alpha.8af6728”(下一版本将更新为16.6.0的“头等级支持”,而且很快就会到来 - 但无论如何你应该相当安全地使用16.6.0) . 另外,请查看下面的“已知问题”部分,尤其是在使用Xcode 10时 .

  • 2

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

    问题的最常见原因可能是使用除模拟器之外的物理设备 . 希望这个问题将在未来的反应版本中修复 .

相关问题