国際化国際化でVueの出会いキャッチされない例外TypeErrorの使用は：オブジェクトのプロパティのみの輸出 "読むことを割り当てることができません「＃<オブジェクト>」

このレコードでは、オブジェクトのプロパティのみの輸出」を読み缶割り当てない「＃<オブジェクト>」：キャッチされない例外TypeError：Vueが最近、実行時エラー、国際化に関連して、フレーム構造のフロントエンドで使用されます。

 

コードを初めて目：プラグインI18Nアウト疲れない（インストールnpm install vue-i18n）を

中国：cn.js

= module.exportsは{ 
  
        indexText：{ 
            コード：' 番号' 、
        } 
}

英語：en.js

module.exportsは= { 

        indexText：{ 
            コード：' コード' 、
       } 
}

main.jsの2へのJS参照

Vueのインポートから 「VUE 」
のインポートのApp から 「./App 」
インポートショップから 「./store/store 」
インポートルータから 「./router 」
インポートVueI18n から 「VUE-I18N 」
Vue.config.productionTip = falseに

Vue.use （VueI18n）// プラグの形で実装


moment.locale（' ZH-CN '）; // 言語またはmoment.lang（ 'ZH-CN'）を設定します。 
。$ Vue.prototypeモーメント=モーメント。// 割り当て使っ
constの国際化=新しいVueI18n（{ 
  ロケール：' ZH-TCC ' 、
  メッセージ：{ 
    ' ZH-CN '：必要（' ./i18n/lang/cn ' ）、
     ' EN-US '：必要（「./i18n/lang/en ' ）、
  } 
}）


新しいヴュー（{ 
  エル：' #app ' 
  ルータ、
  店舗、
  国際化、
  レンダリング：H => H（APP）
。}）$マウント（' #app "）

：ページが空白の場合、上記のコードが実行される、すべてのエラーを示しているが、我々は、コンソールを開いていない、あなたは、出力誤差見ることができますキャッチされない例外TypeError：オブジェクトの読み取りプロパティ「輸出」「＃<オブジェクト>」にするだけでなく、缶のASSIGNを、

このエラーが発生しますWebPACKのパッケージに、彼らはミックスとのjsファイルにエクスポートを必要とすることができます。しかし、インポートおよびmodule.exportsはを混在させません。

百度では、このような理由のために投稿するプロジェクト全体ので、各検索、module.exportsは、見つけての調整、cn.js、en.js上記のコードに変更を加えるmodule.exportをへ輸出。

中国cn.jsの調整

VAR MessageCh = { 
     
        indexText：{ 
              コード：' 编号' 
    
        } 
}    

エクスポート{ 
   MessageCh 
}             

英語en.js調整

VAR MessageEn = { 
     
        indexText：{ 
              コード：' コード' 
    
        } 
}    

エクスポート{ 
   MessageEn 
}      

main.jsを調整します

インポートヴューから 「VUE 」
インポートアプリケーションから 「./App 」
インポートストアから 「./store/store 」
インポートルータから 「./router 」
インポートVueI18n から 「VUE-I18N 」
インポート{MessageCh} から ' ./i18n/ LANG / CN ' 
インポート{MessageEn} から ' ./i18n/lang/en ' 
インポート{MessageTcc} から ' ./i18n/lang/tcc ' 
Vue.config.productionTip = 偽

Vue.use（VueI18n）// プラグの形で実装


moment.locale（' ZH-CN '）; //は言語またはmoment.lang（ 'ZH-CN'）を設定します。 
。$ Vue.prototypeモーメント=モーメント。// 使用して割り当て
CONST I18N = 新しい新しいVueI18n（{ 
  ：ロケール' ZH-TCC ' 、
  メッセージ：{ 
    ' ZH-CN ' ：MessageCh、
     ' EN-US ' ：MessageEn、
     ' ZH-TCC ' ：MessageTcc 
  } 
}）


新しい新規のVue （{ 
  EL：' #app '、
  ルータ、
  店舗、
  国際化、
  レンダリング：H => H（APP）
}）$（マウント。' #appを'）