当前位置:   article > 正文

element-ui按需引入配置babel-preset-es2015 有问题?

element-ui按需引入配置babel-preset-es2015 有问题?

element-ui官网的步骤进行按需引入 

报错 Error: Cannot find module ‘babel-preset-es2015

安装

npm install babel-plugin-component -D

配置babel.config.js 或者 .babelrc文件

官网原配置 会报错 

  1. {
  2. "presets": [["es2015", { "modules": false }]],
  3. "plugins": [
  4. [
  5. "component",
  6. {
  7. "libraryName": "element-ui",
  8. "styleLibraryName": "theme-chalk"
  9. }
  10. ]
  11. ]
  12. }

修改

.babelrc文件和babel.config.js文件都是配置文件,可以视为相同,之后需要使用npm安装

而且,也不再使用es2015,改成@babel/preset-env,两者是相同的,其作用都是编译es6语法,因此在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/盐析白兔/article/detail/459619
推荐阅读
相关标签
  

闽ICP备14008679号