Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js
Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js
运行在 android 模拟器
中使用 React 本机应用程序时出现以下错误
react-native 运行-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
。事实上,none 这些文件存在:
* 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 运行-android命令
系统正在寻找一些不同的路径,而不是在 Node_Module 内。跟这个有关系吗?
经过多次努力找到了解决方案。
- 更新所有包,例如 Node 和 react native cli
- 在Android studio 安装intel X86 Atom System Image, intel X86 Atom_64 System Image
- 关闭所有 npm 终端
- 打开一个新的命令提示符和运行 react-native start --reset-cache
- 打开一个新的命令提示符和运行 react-native 运行-android
您可以通过以下步骤修复它:
关闭打开所有终端或cmd。
替换 package.json
中的依赖项
“反应”:“16.5.0”,
“本机反应”:“0.57.1”
执行这条命令。
- npm 安装@babel/runtime
- react-native start --reset-cache
- npm 安装
- react-native 运行-android
运行在 android 模拟器
中使用 React 本机应用程序时出现以下错误react-native 运行-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
。事实上,none 这些文件存在:
* 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 运行-android命令
系统正在寻找一些不同的路径,而不是在 Node_Module 内。跟这个有关系吗?
经过多次努力找到了解决方案。
- 更新所有包,例如 Node 和 react native cli
- 在Android studio 安装intel X86 Atom System Image, intel X86 Atom_64 System Image
- 关闭所有 npm 终端
- 打开一个新的命令提示符和运行 react-native start --reset-cache
- 打开一个新的命令提示符和运行 react-native 运行-android
您可以通过以下步骤修复它:
关闭打开所有终端或cmd。
替换 package.json
中的依赖项“反应”:“16.5.0”, “本机反应”:“0.57.1”
执行这条命令。
- npm 安装@babel/runtime
- react-native start --reset-cache
- npm 安装
- react-native 运行-android