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

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

npm install babel-plugin-component -D

然后添加.babelrc文件

{"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安装

npm i @babel/preset-env -D

而且，也不再使用es2015，改成@babel/preset-env，两者是相同的，其作用都是编译es6语法，因此在babel.config.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‘相关推荐

Vue UI 组件库（移动端常用 UI 组件库，PC 端常用 UI 组件库，Element UI基本使用，Element UI按需引入）
文章目录 Vue UI 组件库 7.1 移动端常用 UI 组件库 7.2 PC 端常用 UI 组件库 7.3 Element UI基本使用 7.4 Element UI按需引入 Vue UI 组件库 ...
VUE项目报错Error Cannot find module ‘webpacklibRuleSet‘_解决
1.报错 Error: Cannot find module 'webpack/lib/RuleSet' 在第一个问题的时候还试过把node_modules文件夹和package-lock.json文 ...
nodejs express 启动报错:Error: Cannot find module 'xxx'
nodejs express 启动报错:Error: Cannot find module 'xxx',这是因为缺少模块的引用. 比如我在代码中使用了'express-session',但是却没有在 ...
启动react项目时失败，报错Error: Cannot find module
拷贝react项目到本地 npm run 运行项目时,报错Error: Cannot find module - 解决办法:一次性安装模块 sudo npm i 或者先安装yarn,利用yarn安装 ...
uniapp项目启动报错Error: Cannot find module ‘webpack/lib/RuleSet
这两天在看uniapp的项目,创建uniapp项目有两种方式,第一通过Hbuilder直接新建项目,第二是通过cli命令创建,两种方式创建的uniapp的项目目录是不一样的. 第一Hbuilder创建 ...
vue项目中element-ui全局引入按需引入按需引入报错解决
elementUI中文网址: https://element.eleme.cn/#/zh-CN/component/layout 全局引入 1.安装element-ui cnpm install el ...
前端es6 require动态引入图片报错Error: Cannot find module
在React-native中,Image组件的source如果使用require方式引入图片资源,则必须使用静态的字符串,不能使用变量,因为require是编译时执行的,而非运行时执行! 于是Reac ...
Element UI 按需引入注意事项，.babelrc 文件修改问题
注意按需引入是可以改标签名字注意最新版的vue脚手架已经将 .babelrc 改为了babel.config.js 要在babel.config.js文件里写:注意最新版脚手架
Vue项目启动报错 error:cannot find module xxx
原因:无法找到项目依赖的某个模块解决办法: 1.删掉存放模块的文件夹node_module: 2.执行清除缓存命令 npm cache clean: 如果报错,使用强制清除npm cache cle ...
更新后的Hbuilder X 报错 error: cannot find module ‘open‘
HBuilder更新完以后运行到微信小程序模拟器出现报错. 在工具,插件安装中,找到插件uni-app编译卸载,然后重新安装即可.

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

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

最新文章

热门文章