react-native 踩坑 适用于初学者

用书《react native 跨平台移动应用开发》（第二版）作者：阙喜涛

react-native-cli: 2.0.1
react-native: 0.44.3
ide:visual studio
java version "1.8.0_181"（使用java10.0.2会报错）

1.在试运行第一个代码时，用VS进行了代码编辑，输入Dimensions时，VS自动添加了如下代码

import { Dimensions } from './C:/Users/HP/AppData/Local/Microsoft/TypeScript/2.6/node_modules/@types/react-native/index';
 

然后reload后，报错

error: bundling: UnableToResolveError: Unable to resolve module `./C:/Users/HP/AppData/Local/Microsoft/TypeScript/2.6/node_modules/@types/react-native/index` from `D:\rn_softwares\app_projects\FuckApp\index.android.js`: Directory D:\rn_softwares\app_projects\FuckApp\C:\Users\HP\AppData\Local\Microsoft\TypeScript\2.6\node_modules\@types\react-native\index doesn't exist

解决方案：

删除之前VS自动添加的代码，将Dimensions加入到 import {...view,之后}

 

2.运行rn程序后，中文字符为乱码

原因：使用vs编辑代码输入中文时，vs会提醒编码不是标准模式，选择确定后vs会将编码自动变更为简体中文

vs解决方案:将编码改为Unicode(UTF-8)后保存