React-Native:无法加载bundle。无法阅读属性" throwlfClosureRequired'

时间:2018-04-21 00:27:47

标签: reactjs react-native

应用程序安装并打开,但在打开时会显示此红色屏幕,并显示以下错误消息。

TBH我不太清楚我在做什么,我真的需要一些帮助。我能够让我的其他项目工作但是当我开始我的第二个项目时,在尝试运行代码时出现了这个问题。代码只是运行时获得的基本代码:react-native init projectName

Error when trying to setup project in react-native.

12 个答案:

答案 0 :(得分:7)

更改" babel-preset-react-native"的版本到" 4.0.0"。对于最新版本5.0.0,问题出现了。

  1. 版本更改后运行npm install。然后启动模拟器。
  2. 即使这样,如果遇到问题,请删除node_modules目录,重复步骤1.
  3. 如果在所有尝试后再次看到问题,请重新启动计算机。
  4. 检查github issue

答案 1 :(得分:4)

我刚才遇到了上述错误。我正在使用React Native v0.57,并且我的json文件有这个

 {
  "name": "AwesomeProject",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.5.0",
    "react-native": "0.57.1"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.45.6",
    "react-test-renderer": "16.5.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

我在“ devDependencies”中添加了“ babel-preset-react-native”:“ 4.0.0”,并删除了“ metro-react-native-babel-preset”:“ 0.45.6”,并解决了错误

答案 2 :(得分:1)

乔纳森的解决方案也对我有用:

已修复。 babel推送了一个更新,该更新已推送到5.0.0。将您的预设设置为4.0.0,它将对其进行修复。

https://github.com/facebook/react-native/issues/18962

答案 3 :(得分:1)

我已升级到

“反应本机”:0.57.7

“ metro-react-native-babel预设”:“ 0.48.5”,

现在捆绑包正在按预期加载。

答案 4 :(得分:1)

我当前的版本:

“ react-native”:“ 0.57.8”,
“ metro-react-native-babel-preset”:“ 0.51.1”,

这是我的固定方法:

  1. 添加

    "devDependencies": {
      "babel-preset-react-native": "4.0.0"
    },
    
  2. 删除node_modules

  3. npm install

Voilà!可行!

答案 5 :(得分:0)

固定。 babel推动了更新,推升至5.0.0。将您的预设设置为4.0.0,它将修复它。

https://github.com/facebook/react-native/issues/18962

答案 6 :(得分:0)

^^他们所说的......将你的“babel-preset-react-native”改为4.0.0。

答案 7 :(得分:0)

尝试此命令 反应性升级

答案 8 :(得分:0)

有同样的问题。降级为“ babel-preset-react-native”:“ 4.0.0”无效。 运行这个对我有用

npm添加@ babel /运行时

答案 9 :(得分:0)

尝试以下方法: 清理构建文件夹,然后重试。

在一个标签中运行react-native start --reset-cache

然后 在另一个标签中运行本机

答案 10 :(得分:0)

对我来说,这个答案有效:

https://stackoverflow.com/a/40966360/4483716

基本上我需要授予文件夹权限

  

/ Users / [用户名] / Library / LaunchAgents。

使用此命令:

$ sudo chown $(whoami) /Users/$(whoami)/Library/LaunchAgents

答案 11 :(得分:0)

  1. babel-preset-react-native版本4.0.0添加到devDependencies中的package.json

"devDependencies": { "babel-preset-react-native": "4.0.0" },

  1. npm install
  2. react-native run-ios或android

如果仍然无法正常运行,请尝试rm -rf node_modules/并重新执行步骤2和3