反应原生站点上的教程时发生反应原生错误

时间:2017-08-20 07:08:37

标签: react-native

我是一个完全的初学者,所以请提供一些解释。

我正在https://facebook.github.io/react-native/releases/0.19/docs/tutorial.html

跟踪反应原生教程

我将命令运行到init项目,我只是将其称为电影而不是AwesomeProject,正如教程所解释的那样。

然后我将教程底部的完整代码复制到我的index.ios.js中,保存项目并刷新模拟器,我收到此错误

error: bundling failed: "TransformError:
/Users/dinob/reactnativework/Movies/index.ios.js: 
Unexpected token ) (While processing preset:
\"/Users/dinob/reactnativework/Movies/node_modules/
babel-preset-react-native/index.js\")"

React-native-cli:2.0.1 React-native:0.47.1 反应:16.0.0-beta.2

enter image description here

1 个答案:

答案 0 :(得分:2)

我可以看到,你所关注的教程是RN 0.19,而最新的稳定版本是0.47。其中的所有示例代码都使用较旧的ES5语法和ES6/ES2015

中提到的不是基于类的新语法

首先,请确保您遵循最新的教程版本及其代码。你可以从这里做到这一点。 https://facebook.github.io/react-native/docs/tutorial.html 我可以看到的错误与babel转换有关,可能归因于较新版本的React Native以及运行较旧代码的较新版本的React。所以你应该从一个较新的教程开始,然后从那里开始。 此外,react-native-cli的使用现已折旧。您应该使用create-react-native-app来开始一个新项目。一切都在文档中。

希望它有所帮助!