2017-01-19 154 views
11

我最近更新了我的Android Studio和許多組件/ sdk,自此React-Intl抱怨intl庫缺失,即使它以前工作正常。Android設備上需要的React-Native和Intl填充

我已經安裝了intl填充材料,我將其導入到主文件App.js的最頂部。我還從react-intl導入localeData並添加它。然後,我使IntlProvider指定locale沒有消息中我的看法(我只用FormattedNumber現在)

這是我的代碼的簡化版本:

import 'intl'; 
import { IntlProvider, FormattedNumber, addLocaleData } from 'react-intl'; 
import en from 'react-intl/locale-data/en'; 

addLocaleData(en); 

[...] 

render() { 
    return (
     <IntlProvider locale="en"> 
      <Text> 
       <FormattedNumber value={123} /> 
      </Text> 
     </IntlProvider> 
    ) 
} 

我收到以下錯誤:

[React Intl] Error formatting number. ReferenceError: No locale data has been provided for this object yet.

enter image description here

我不明白這是怎麼回事。任何人都遇到同樣的問題?

感謝

回答

9

而是從react-intl導入語言環境的數據,我已經解決了進口填充工具,並從intl

的語言環境數據的問題,安裝intl

npm install intl 

在非常添加此應用頂部:

import 'intl'; 
import 'intl/locale-data/jsonp/en'; 
+3

謝謝你挽救我的整個生命。 – Suho

2

單擊此處,現在只需在頂部執行import 'intl';並仍然從react-intl加載語言環境數據。使用以下版本:

"intl": "^1.2.5", 
"react-intl": "^2.2.2", 
+1

這也適用於「react-intl」:「^ 2.3.0」 – Mati