赞
踩
按照官网步骤修改 .babelrc 文件时,注意:用vue脚手架创建的项目是找不到 .babelrc文件的,这是旧版本的脚手架才有的,新版本在vue脚手架创建的 babel.config.js 文件修改即可。
引入官网内容后:
- module.exports = {
- presets: [
- '@vue/cli-plugin-babel/preset',
- ["es2015", { "modules": false }]
- ],
- plugins: [
- [
- "component",
- {
- "libraryName": "element-ui",
- "styleLibraryName": "theme-chalk"
- }
- ]
- ]
- }
运行时出现报错:
Error: Cannot find module 'babel-preset-es2015'
原因是旧版本的脚手架用的是 es2015,新版本不再适用,而官网没有及时更新。
解法方法:把 es2015 改为 @babel/preset-env 即可。
修改后 babel.config.js代码:
- module.exports = {
- presets: [
- '@vue/cli-plugin-babel/preset',
- ["@babel/preset-env", { "modules": false }]
- ],
- plugins: [
- [
- "component",
- {
- "libraryName": "element-ui",
- "styleLibraryName": "theme-chalk"
- }
- ]
- ]
- }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。