[React Native]手動更新各式各樣套件到新版方式

  • 477
  • 0
  • 2016-11-05

當App撰寫到一半的時候,官網發佈了新版,那當然是要把他升級上去囉,不過這也可能是噩夢的開始。

每次在網路上下載一些範本回來參考,總是會有版本的問題。然後新手的本魯,總是執行不起來。

遇到這樣的狀況,首先先檢視自己手邊的版本,可以檢視目前的版本資訊,記錄在Package.json中:

以上圖來說,Ryan有
1.react
2.react-native
兩個Package,若不是最新版,就把它調整到新版吧!

但話說回來,怎麼知道目前最新的版本號呢?

npm info react

透過這個指令,可以知道所有的版本號

在versions有所有的發佈紀錄。

最新的版本就在這邊囉!!

當然也可以直接確認最新版

npm info react version

 

這樣就可以知道最新版是啥了,把你的package.json手動更新到新版。

然後再執行:

npm install

Node會依照目前的版本號進行更新(若遇到權限問題,在前面補個sudo)。

接下來再執行

react-native upgrade

這樣就可以把版本升級上去囉

近期React Native 更新到0.25之後,有個重大變更,基本上網路上看到的範例,若不在下一個發布之前修改的話,就不能執行了。
在沒有調整之前,還友善的提醒這就要注意囉!免得下一版到了後App直接領便當。

這個重大的調整,之前寫法:

import React, { 
    Component, 
    View 
} from 'react-native';

現在:

import React, { 
  Component 
} from 'react';

import { 
View 
} from 'react-native';

是的!!必需分開來載入。
至於哪些packages要放在哪一邊呢?這裡有說明。
幾個範例,調整前

調整後

拆開成兩個packages

以上是Ryan的踩坑筆記

 

連結:
 

以上文章由Ryan整理,若有侵犯版權、勘誤,請來信告知