解决按照Element官网步骤引入组件运行时报错:Error: Cannot find module ‘babel-preset-es2015‘
按照官网步骤修改 .babelrc 文件时,注意:用vue脚手架创建的项目是找不到 .babelrc文件的,这是旧版本的脚手架才有的,新版本在vue脚手架创建的 babel.config.js 文件修改即可。引入官网内容后:module.exports = {presets: ['@vue/cli-plugin-babel/preset',["es2015", { "modules": false
·
按照官网步骤修改 .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"
}
]
]
}
更多推荐
已为社区贡献2条内容
所有评论(0)