前端全栈工程师

react-native 默认项目启动报错

2016-07-28  本文已影响104人  zhenxingdev

初次运行react-native项目babelHelpers报错

TypeError: babelHelpers.typeof is not a function
解决办法

全局安装了一次babel

在项目的根目录安装项目内部运行babel

npm install --save-dev babel-cli && npm init

要初始化我们的项目目录 npm init命令,生成package.json文件很关键

将在这个命令下安装babel-cli,他会在当前项目安装最后一个稳定版本的babel-cli并且也会追加在package.jsondevDependencies

安装插件和预设

babel本身并没有做很多事情,但是通过插件和预设可以实现很多功能。我们希望可以通过babel在我们的代码中使用es2016和es2015所有的优美语法。

为此我们需要安装两个预设文件在 devDependencies里。

npm install --save-dev babel-preset-es2015 babel-preset-stage-0

安装react-native开发环境

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

android 配置环境类似

PS: 在配置react-native环境之前,要在根目录下面安装babel-preset-es2015 babel-preset-stage-0package.json
然后在去生成react-native环境

上一篇下一篇

猜你喜欢

热点阅读