React开始

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cccz1996/article/details/80975404

一起来学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客户端,这个还不会。

展开阅读全文

没有更多推荐了,返回首页