解决vue3 vue-cli element-plus导入样式失败的问题

解决vue3 vue-cli element-plus导入样式失败的问题

本来想给按钮添加一个加载的指令，也就是v-loading的时候，浏览器和编译器都报了一个 Can’t resolve 'element-plus/es/components/loading-directive/style/css’这个问题，也就是找不到样式包

这是在vue.config.js/webpack.config.js中的配置

configureWebpack:{
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  }

然后我在github上找到了可使用的解决方法
就是在resolvers: [ElementPlusResolver()],中添加参数

也就是做成这个样子

configureWebpack:{
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver({ importStyle: false })],
      }),
      Components({
        resolvers: [ElementPlusResolver({ importStyle: false })],
      }),
    ],
  }

添加参数后，loading指令就能够正常使用了

要是添加后还是不行，可以到https://github.com/element-plus/element-plus/issues/4855这里看看有没有其他的解决方法