vue element-ui按需加载，安装完成后项目启动报错Error: Cannot find module ‘babel-preset-es2015‘

项目使用vue cli3脚手架工具构建
按照element 官方文档中所示。

npm install babel-plugin-component -D

然后添加.babelrc文件

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

报如下错误：

Error: Cannot find module 'babel-preset-es2015' from 'D:XXX'

问题出在第二步，我是用vue3.0搭建的脚手架，只有一个babel-config.js的文件夹，所以我在项目根目录新建了一个.babelrc文件

解决方法：

1.安装@babel/preset-env；项目目录下，运行命令行

npm i @babel/preset-env -D

2.修改.babelrc文件，把es2015改成@babel/preset-env

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

3.重跑项目
其实.babelrc的配置项，可以写入到babel.config.js文件中，之后不再需要.babelrc文件了

vue element-ui按需加载，安装完成后项目启动报错Error: Cannot find module ‘babel-preset-es2015‘相关推荐

Vue项目启动报错 error:cannot find module xxx
原因:无法找到项目依赖的某个模块解决办法: 1.删掉存放模块的文件夹node_module: 2.执行清除缓存命令 npm cache clean: 如果报错,使用强制清除npm cache cle ...
解决：安装html-loder后，运行报错Error: Failed to compile with 1 error
项目创建过程中,因为vue.config.js的配置里引用了html-loder,且项目运行时,也提示需要安装html-loder,但安装后,再次运行,就报错Error: Failed to comp ...
【操作经验】Mysql如何加载导入大批量数据，解决报错ERROR 3948 (42000)
前言:新装mysql,遇到ERROR 3948 (42000):Loading local data is disabled; this must be enabled on both the cli ...
关于 VUE 项目启动报错,Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit...后面太多我就不粘贴了
从网上查了之后说是环境变量的问题试了几次最终试出来成功运行了第一步在控制面板找到编辑系统环境变量第二步点击环境变量第三步双击Path 第四步点击新建添加如下字符(两个我都试过了,都有 ...
linux用xmind打开图形界面,[已解决]安装 XMind 后，启动报错。
好吧,xmind-zen 的那个问题我也重现了. 由于之前一直用着 2018 年版的 xmind-zen 没有更新,所以没有重现问题. 在重新装回来 xmind-zen 之后出现了和楼主一样的问题,但 ...
element ui 树形-懒加载-表格-多选勾选问题
element ui树形表格如下: 它的数据格式为:使用children字段来存放子级数据 tableData: [{id: 1,date: "2016-05-02",name: ...
TP3.2如何加载第三方类库？加载腾讯短信sdk 报错。
TP3.2如何加载第三方类库?加载腾讯短信sdk 报错主要在于引入 Vendor('qcloudsms.index'); index.php后还需要use引入命名空间,不然就会报类未定义的错误. & ...
Vue项目启动报错解决
Vue项目启动报错解决一.切换镜像切换为淘宝镜像:npm config set registry https://registry.npm.taobao.org 检测镜像是否切换成功:npm co ...
安装完MySQL后启动报错_MySQL数据库之mysql编译安装完成后，启动时报错The server quit without updating PID file...
本文主要向大家介绍了MySQL数据库之mysql编译安装完成后,启动时报错The server quit without updating PID file ,通过具体的内容向大家展现,希望对大家学习 ...
安装WPS后office出现报错的情况
安装WPS后office出现报错的情况如:Excel无法打开文件xxx.xlsx,因为文件格式或文件扩展名无效.请确定文件未损坏,并且文件扩展名与文件的格式匹配转载自:https://www.dr ...

vue element-ui按需加载，安装完成后项目启动报错Error: Cannot find module ‘babel-preset-es2015‘

vue element-ui按需加载，安装完成后项目启动报错Error: Cannot find module ‘babel-preset-es2015‘相关推荐

最新文章

热门文章