element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘

25 年 01 月 18日星期六 (已编辑)

作者：未知用户

日常生活

这篇文章最后修改于 2025年 01月 18日 19时10分部分内容可能已不适用如有疑问请联系作者.

问题：

按element-ui官网的步骤进行按需引入，报错：Error: Cannot find module ‘babel-preset-es2015’

shell 复制代码

npm install babel-plugin-component -D

然后添加.babelrc文件

js 复制代码

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

描述：

项目是基于vue-cli 3.x的版本，并没有官网的.babelrc文件，只有babel.config.js文件，而且项目不需要引入完整的element-ui，只需要引入部分，按官网的步骤安装babel-plugin-component后在babel.config.js写入内容，报错

解决：

.babelrc文件和babel.config.js文件都是配置文件，可以视为相同，之后需要使用npm安装所以二者只需要保留一个即可

shell 复制代码

npm i @babel/preset-env -D

更改babel.config.js配置文件

js 复制代码

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

暂无目录信息

文章标题：element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘

文章作者：未知用户

文章链接：[复制]

最后修改时间：2024年 01月 02日 17时02分

商业转载请联系站长获得授权，非商业转载请注明本文出处及文章链接，您可以自由地在任何媒体以任何形式复制和分发作品，也可以修改和创作，但是分发衍生作品时必须采用相同的许可协议。本文采用CC BY-NC-SA 4.0进行许可。

豫ICP备2022014268号-1

我们历经沧桑，这样错过了一生最好的时光，错过了便是永远