当前位置:   article > 正文

解决按照Element官网步骤引入组件运行时报错:Error: Cannot find module ‘babel-preset-es2015‘_cannot find module 'babel-preset-es2015

cannot find module 'babel-preset-es2015

按照官网步骤修改 .babelrc 文件时,注意:用vue脚手架创建的项目是找不到 .babelrc文件的,这是旧版本的脚手架才有的,新版本在vue脚手架创建的 babel.config.js 文件修改即可。

引入官网内容后:

  1. module.exports = {
  2. presets: [
  3. '@vue/cli-plugin-babel/preset',
  4. ["es2015", { "modules": false }]
  5. ],
  6. plugins: [
  7. [
  8. "component",
  9. {
  10. "libraryName": "element-ui",
  11. "styleLibraryName": "theme-chalk"
  12. }
  13. ]
  14. ]
  15. }

运行时出现报错:

Error: Cannot find module 'babel-preset-es2015'

 原因是旧版本的脚手架用的是 es2015,新版本不再适用,而官网没有及时更新。

 

解法方法:把 es2015 改为 @babel/preset-env 即可。

修改后 babel.config.js代码:

  1. module.exports = {
  2. presets: [
  3. '@vue/cli-plugin-babel/preset',
  4. ["@babel/preset-env", { "modules": false }]
  5. ],
  6. plugins: [
  7. [
  8. "component",
  9. {
  10. "libraryName": "element-ui",
  11. "styleLibraryName": "theme-chalk"
  12. }
  13. ]
  14. ]
  15. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/324825
推荐阅读
相关标签
  

闽ICP备14008679号