一起来学React吧(2018.7.9——4)
本人已经入职,公司前端使用React,作为一名小白还是要从头学起。
新建React Native项目
网上有很多创建React Native的例子和说明,大部分步骤都一样,但是我今天遇到了一个很奇怪的问题。环境如下:
node:8.11.3
npm:5.6.0
react:0.56.0
系统:windows 10
使用react-native init MyApp创建React Native项目时会报如下错误:
E:\MyApp\node_modules\react-native\local-cli\cliEntry.js:30
import type {CommandT} from './commands';
^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:616:28)
at Module._compile (E:\MyApp\node_modules\pirates\lib\index.js:91:24)
at Module._extensions..js (module.js:663:10)
at Object.newLoader [as .js] (E:\MyApp\node_modules\pirates\lib\index.js:96:7)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
解决方法是:
react-native init MyApp –version 0.55.4
据说这是React0.56的bug,是之前的遗留问题。所以创建项目的时候需要之前的版本号,使用IDE创建的时候也会报错,所以还是命令行吧。
还有使用create-react-nitive-app方法创建React Native项目,在0.56.0版本中不会报错,但是他是Fackbook和Expo联合开发的,需要使用Expo客户端,这个还不会。