プロジェクトは
、公式の要素のドキュメントに示されているように、vue cli3足場ツールを使用して構築されています。
npm install babel-plugin-component -D
次に.babelrcファイルを追加します
{ "presets":[["es2015"、{"modules":false }]]、 "plugins" :[ [ "component" 、 { "libraryName": "element-ui" 、 "styleLibraryName": "theme-chalk 「 } ] ] }
しかし、vue cli3で.babelrcファイルが見つかりません
ネットワークを介して検索はbabel.config.jsで構成できます
module.exports = { " presets ":[["es2015"、{"modules":false }]]、 "plugins" :[ [ "component" 、 { "libraryName": "element-ui" 、 "styleLibraryName": 「テーマチョーク」 } ] ] }
実行エラー
エラー:モジュール 'babel-preset-es2015'が見つかりません
解決策:
1. @ babel / preset-envをインストールし、プロジェクトディレクトリでコマンドラインを実行します
npm i @ babel / preset-env -D
2. babel.config.jsファイルを変更し、es2015を@ babel / preset-envに変更します
module.exports = { " presets ":[["@ babel / preset -env"、{"modules":false }]]、 "plugins" :[ [ "component" 、 { "libraryName": "element-ui" 、 "styleLibraryName": "theme-chalk" } ] ] }