vue3项目中使用element-plus axios.js引入ElLoading报错

Question

根据文档按需引入
npm install babel-plugin-import -D

babel.config.js改为

module.exports = {
  plugins: [
    [
      "import",
      {
        libraryName: 'element-plus',
        customStyleName: (name) => {
          name = name.slice(3)
          return `element-plus/packages/theme-chalk/src/${name}.scss`;
        },
      },
    ],
  ],
};

main.js中

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'element-plus/packages/theme-chalk/src/base.scss'

createApp(App).use(store).use(router).mount('#app')

axios.js

import axios from "axios";
import QS from "qs";
import { ElLoading } from "element-plus";

const instance = axios.create({
    baseURL: "http://localhost:8888",
    timeout: 10000,
});

ElLoading.service({ fullscreen: true })

已安装 sass-loader
node-sass

报错信息为

Answer 1

是element-plus内部的错误，你可以换下版本