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

E时代互联 769 次
向 Vue 项目中导入 element-ui 发生 Cannot find module 'babel-preset-es2015' 的错误

向 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 进行如上的修改,依然可以正常的部署和运行,虽然不太清除是怎么回事。