babel-plugin-component はオンデマンドでコンポーネントをインポートし、エラーを報告します 解析エラー: モジュール "babel-preset-es2015" ソリューションが見つかりません

babel-plugin-component プラグインをインストールする

npm install babel-plugin-component -D

また

yarn add babel-plugin-component

ルートディレクトリ(srcファイルと同階層)の.babelrcファイル内(無ければ作成、あれば修正) [babel.config.jsにマージ可能、下記参照) ]

.babelrc

次のコードを追加します

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

エラー メッセージ: 解析エラー: モジュール 'babel-preset-es2015' が見つかりません

解決策: .babelrc ファイルの es2015 を @babel/preset-env に変更します。

{
  "presets": [["@babel/preset-env", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

注: .babelrc の構成項目は、babel.config.js ファイルに書き込むことができ、.babelrc ファイルは不要になりました。

.babelrc ファイルは scaffolding の古いバージョンでのみ使用できるため、新しいバージョンは babel.config.js ファイルです。

マージされた babel.config.js ファイルは次のとおりです。

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}