1. 程式人生 > >react-native 踩坑 適用於新學者 ide:visual studio

react-native 踩坑 適用於新學者 ide:visual studio

用書《react native 跨平臺移動應用開發》(第二版)作者:闕喜濤

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)後儲存