向 Vue 项目中导入 element-ui 发生 Cannot find module 'babel-preset-es2015' 的错误

E时代互联 2020-05-22 2196 次

向 Vue 项目中导入 element-ui 发生 Cannot find module ‘babel-preset-es2015’ 的错误

这个错误的意思就是，不能从你的项目依赖中发现 `babel-preset-es2015’ 的错误。

如果按照 element-ui 官网的依赖的导入配置，我一开始是可以进行项目的正常编译和运行的，后来就爆出了这个错误，以下是解决方法。

首先，那幢 babel-preset-es2015 到项目的部署环境中：

yarn add babel-preset-es2015 --dev

或者

npm install babel-preset-es2015 -D

安装完成之后，在 .babelrc 文件中，进行如下修改：

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

然后就可以进行项目的部署和运行了。

PS：实际上不安装 babel-prest-es2015 依赖，只在 .babelrc 进行如上的修改，依然可以正常的部署和运行，虽然不太清除是怎么回事。