オリジナルリンク:http://www.pianshen.com/article/9677274805/
第一の理由はWebPACKの、あなたはこれらの二つの構文を混在させると、前者が後者必要とmodule.exportsはあるようcommonJS ES6や文法は同じではありません知っているインポートおよびmodule.exportsはのミックスは、輸入と輸出であるということですそれが最初のケースである、エラーになります。コンパイルされたプログラムを作るためにほとんどのブラウザで実行することができます。
commonJSにES6言語の責任バベルと呼ばれるコンパイラを持っているのWebPACKは、ほとんどのブラウザと互換性があります。あなたはこれらの二つの構文を混在させるときに、あなたが必要とするインポートをコンパイル支援するcommonJSモードのバベルを使用することができます。
しかし、後者の場合は、あなたがたときに、プラグインの@バベル/プラグイン・変換・ランタイムを使用したい、とあなたはこのプラグインにcommonJS書かれた文書を使用する必要があるとき、バベルは、このファイルは、ファイルをES6されるデフォルト設定されますし、最初のケースと同じミックス間違って得られ、このプラグインをインポートするインポートの使用に関する。この問題を回避するには、厳密に区別commonJS ES6ファイルとファイルとしてバベルとのWebPACKを聞かせて、明確なセットbabel.config.jsを設定することです
ソリューション:
module.exportsは= { プリセット:[ '@のVUE /アプリ' ]、 たsourceType: '明白な' }
-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- -----------------
VXEテーブルに互換性のある部分は、IE9に配置されています
1.依存関係をインストール
NPMのWebPACK -Dバベル・ローダーの@バベル/コアの@バベル/プリセット-ENVをインストール
2. [設定vue.config.js
= module.exportsは{ // ... configureWebpack:{ Module1の:{ ルール:[ { テスト: /\.m?js$/ 、 // 上記の構成と除外は、デフォルトフィルタであるファイルパスがコンパイルされていないnode_modules / / 除外する:/(node_modules | bower_components)/、 // コンパイルするインクルードパスに指定する必要 インクルードが含まれます:[ 解決( 'SRC' )、 解決( 'node_modules / XE-utilsの' )、 (解決 'node_modules / VXE-テーブル' ) 、 // 解決( 'node_modules / VXE・テーブルプラグインのiView') ]、 使用:{ ローダ: 'バベルローダ' 、 オプション:{ プリセット:[ '@のバベル/プリセット-ENV' ] } } } ] } } // ... }
2. babel.config.jsを変更
module.exportsは= { プリセット:[ '@のVUE /アプリ' ]、 たsourceType: '明白な' }
3.ChromeのIE9と結果の表示