错误提示“无法加载脚本。请确保您正在运行 Metro 服务器...”答案

【问题标题】：Error saying "Unable to load script. Make sure you're either running a Metro server..."错误提示“无法加载脚本。请确保您正在运行 Metro 服务器...”
【发布时间】：2020-01-05 18:20:10
【问题描述】：

“无法加载脚本。请确保您正在运行 Metro 服务器（运行 'react-native-start'）或您的捆绑包 'index.android.bundle' 已正确打包以供发布。”

我正在将我的代码从 Expo CLI 移动到 React Native CLI。我只是在移动我的资产、组件和 js 文件，并且我还将所有包添加到 RN CLI。

我已经在这个问题上停留了大约 10 个小时，并搜索了每一个弹出的错误。我现在终于要经历堆栈溢出了。

error http://prntscr.com/p0vp49

我尝试过运行 react-native-start 和 npm start。我不知道如何转到我的捆绑包“index.android.bundle”，所以这可能是问题所在。

import { createAppContainer, createSwitchNavigator } from "react-navigation";
import LogInNavigator from './screens/LogInScreen.js';
import AppNavigator from './screens/MainScreen.js';

//Exporting Navigator
export default createAppContainer(
  createSwitchNavigator(
    {
      loginNav: LogInNavigator,
      mainNav: AppNavigator,
    },
    {
      initialRouteName: "loginNav",
    }
  )
);`

我希望至少有一个登录屏幕。

【问题讨论】：

标签： react-native react-navigation

【解决方案1】：

您是否正确安装了所有依赖项？

我的开发依赖项是：

"babel-core": "^7.0.0-bridge.0", "babel-eslint": "^10.0.1", "babel-jest": "^24.8.0", "babel-plugin-module-resolver": "^3.2.0", "jest": "^24.8.0", "metro-react-native-babel-preset": "0.53.0", "react-test-renderer": "16.6.3"

确保添加 metro-react-native-babel-preset 并执行 npm start

【讨论】：

是的，它奏效了。谢谢你。为什么需要这种依赖关系？