Duplicate plugin/preset detected. If you‘d like to use two separate instances of a plugin, they need

最新推荐文章于 2021-11-16 11:27:18 发布

嘴巴嘟嘟

最新推荐文章于 2021-11-16 11:27:18 发布

阅读量1.2k

点赞数

文章标签： vue vue3 vue-cli3

本文链接：https://blog.csdn.net/qq_41961239/article/details/115347812

版权

在这里插入图片描述

在使用 vue3中使用element3，再次运行出现的报错问题原因是因为下载element的时候 bable.config.js文件出了错误，
错误配置如下

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      "import",
      {
        libraryName: 'element-plus',
        customStyleName: (name) => {
          name = name.slice(3)
          return `element-plus/packages/theme-chalk/src/${name}.scss`;
        },
      },
    ],
    [
      "import",
      {
        libraryName: 'element-plus',
        customStyleName: (name) => {
          return `element-plus/lib/theme-chalk/${name}.css`;
        },
      },
    ],
    
  ],
}

因为不能同名使用的原则即可更改为

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      "import",
      {
        libraryName: 'element-plus',
        customStyleName: (name) => {
          name = name.slice(3)
          return `element-plus/packages/theme-chalk/src/${name}.scss` | `element-plus/lib/theme-chalk/${name}.css`;
        },
      },
    ],

  ],

}