react-native 踩坑 適用於新學者 ide:visual studio
阿新 • • 發佈:2019-02-13
用書《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)後儲存