android - react native 代码更改未反射(reflect)在设备上

标签 android reactjs react-native visual-studio-code

今天早上在病房,我面临着 React Native Android 构建的问题。代码中的新更改未反射(reflect)在设备上。没有构建失败。我尝试了以下方法

  • 删除并重新安装节点模块
  • react-native 链接
  • ./gradlew 干净
  • React-Native Bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/应用程序/src/main/res
  • 看守关闭服务器
  • rm -rf/usr/local/var/run/watchman &&brew 卸载 watchman &&brew 安装 watchman
  • npm start - --reset-cache

我的package.json

{
"name": "",
"version": "0.0.1",
"private": true,
"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "ipad": "react-native run-ios --simulator 'iPad Pro (10.5-inch) (12.0)' --configuration Debug"
},
"dependencies": {
    "@babel/runtime": "^7.2.0",
    "accordion-collapse-react-native": "^0.1.9",
    "aws-amplify": "^1.1.18",
    "aws-amplify-react-native": "^2.1.6",
    "aws-sdk": "^2.394.0",
    "buffer": "^5.2.1",
    "i18next": "^12.1.0",
    "moment": "^2.24.0",
    "nanoid": "^2.0.0",
    "native-base": "^2.8.1",
    "react": "^16.6.3",
    "react-i18next": "^8.3.8",
    "react-native": "^0.57.8",
    "react-native-app-intro-slider": "^2.0.1",
    "react-native-check-box": "^2.1.7",
    "react-native-collapsible": "^1.4.0",
    "react-native-fetch-blob": "^0.10.8",
    "react-native-gesture-handler": "^1.0.10",
    "react-native-image-crop-picker": "^0.21.3",
    "react-native-image-resizer": "^1.0.0",
    "react-native-img-button": "^1.0.1",
    "react-native-keyboard-aware-scroll-view": "^0.8.0",
    "react-native-keyboard-manager": "^4.0.13-10",
    "react-native-keyboard-spacer": "^0.4.1",
    "react-native-languages": "^3.0.1",
    "react-native-linear-gradient": "^2.5.3",
    "react-native-locale-detector": "^1.0.1",
    "react-native-material-dropdown": "^0.11.1",
    "react-native-material-ripple": "^0.8.0",
    "react-native-modal-datetime-picker": "^6.0.0",
    "react-native-paper": "^2.15.2",
    "react-native-segmented-control-tab": "^3.3.1",
    "react-native-signature-pad-react-16": "^0.4.0",
    "react-native-size-matters": "^0.1.4",
    "react-native-vector-icons": "^6.1.0",
    "react-navigation": "^2.18.2",
    "react-redux": "^5.1.1",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0",
    "remote-redux-devtools": "^0.5.16",
    "rnkit-alert-view": "^0.1.2"
},
"devDependencies": {
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.49.2",
    "react-test-renderer": "16.6.1"
},
"jest": {
    "preset": "react-native"
},
"rnpm": {
    "assets": [
        "./src/assets/fonts"
    ]
}
}

最佳答案

不要使用react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res用于在 Android 中运行 React Native。此命令将 JS 服务器 bundle 在包(APK)中。因此,将不会与系统上运行的 Metro 服务器进行通信。

使用react-native run-android用于调试应用程序的命令。在此 js 服务器中,不会随包一起提供。因此,当您刷新应用程序时,更改将会反射(reflect)出来

关于android - react native 代码更改未反射(reflect)在设备上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56378022/

相关文章:

android - 如何使edittext看起来像android中的页面

javascript - 使用 setTimeout() 的 Promise.all() 问题,状态不更新

reactjs - 在 Antd React App 中重新创建像 Sider/Drawer 这样的 Ant Design Pro

javascript - 标题按钮内的自定义功能 react native

javascript - 在请求中设置自定义 header

android - 创建用户时 XMPP jid-malformed(400) 错误 Android

android - 移除灰度 TabWidget 边框/边缘

java - 通过单击先前复制的按钮复制按钮并编辑文本,ANDROID

javascript - 如何在reactJS中从页面底部开始并向上滚动

javascript - 如何在React Native中获取选定的元素?