【问题标题】:Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js加载依赖图,完成。错误:捆绑失败:错误:无法解析模块./../../react-transform-hmr/lib/index.js
【发布时间】:2018-10-06 12:24:13
【问题描述】:

在 android 模拟器中运行 react native 应用时出现以下错误

react-native run-android

加载依赖图,完成。 错误:捆绑失败:错误:无法从D:\LW_Mobile\Projects\helloworld\App.js 解析模块./../../react-transform-hmr/lib/index.js:无法从D:\LW_Mobile\Projects\helloworld\App.js 找到模块./../../react-transform-hmr/lib/index.js。事实上,这些文件都不存在: * D:\LW_Mobile\react-transform-hmr\lib\index.js(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)

我的 Package.Json 是

{
  "name": "helloworld",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "@babel/runtime": "^7.1.2",
    "babel-preset-react-native": "^4.0.1",
    "react": "16.5.0",
    "react-native": "0.57.2"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "babel-plugin-functional-hmr": "^1.0.24",
    "babel-plugin-react-transform": "^3.0.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.0",
    "react-test-renderer": "16.5.0",
    "react-transform-hmr": "^1.0.4"
  },
  "jest": {
    "preset": "react-native"
  }
}

babelrc如下

{
    "presets": ["es2015", "react", "module:metro-react-native-babel-preset"]
  }

注意: 使用 expo 启动正常,这是我第一次使用 react-native run-android 命令

系统正在寻找一些不同的路径,而不是在 Node_Module 中。有什么相关的吗?

【问题讨论】:

  • 你能上传你的package.json吗
  • 更新了我的 package.json
  • "babel-preset-react-native" 将此版本降级到这个 ---> 4.0.0 手动然后删除节点模块并执行 npm install 然后让我知道它是否有效。
  • 在设置 "babel-preset-react-native": "^4.0.0" 后不再出现同样的错误,我手动删除了 node_modlues 文件夹并运行 npm install

标签: android reactjs react-native react-native-android create-react-native-app


【解决方案1】:

您可以使用以下步骤修复它:

  1. 关闭打开所有终端或cmd。

  2. 替换 package.json 中的依赖项

    "react": "16.5.0" , “反应原生”:“0.57.1​​”

  3. 执行这个命令。

    1. npm install @babel/runtime
    2. react-native start --reset-cache
    3. npm 安装
    4. react-native run-android

【讨论】:

    【解决方案2】:

    历经千辛万苦终于找到了解决办法。

    1. 更新Node等所有包和react native cli
    2. 在 Android Studio 中安装 intel X86 Atom 系统映像intel X86 Atom_64 系统映像
    3. 关闭所有 npm 终端
    4. 打开一个新的命令提示符并运行 react-native start --reset-cache
    5. 打开一个新的命令提示符并运行 react-native run-android

    【讨论】:

      猜你喜欢
      • 2019-03-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-22
      • 1970-01-01
      • 2019-11-15
      • 2020-04-20
      • 1970-01-01
      相关资源
      最近更新 更多