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

Question

错误:捆绑失败:错误:无法解析模块./../../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 i react-native-transform-hmr

但它并没有解决我的问题.我正在使用react-native 0.57.2并且反应为16.5.0

Answer 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

资源

Answer 2

我得到了答案.

试一试:

npm start -- --reset-cache

命令,它会工作.

Answer 3

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

react-native start --reset-cache

Answer 4

你需要 :

1. 降级为反应本地"0.57.1​​"

2. 跑 :

   npm install @ babel/runtime

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