Custom themes that use element-ui in nuxt will report an error

nuxt will report an error
SyntaxError
Invalid or unexpected token
I find that it is caused by @ import statement, but I don"t know how to correct it

plugins/element-ui.js

import Vue from "vue"
import Element from "element-ui/lib/element-ui.common"
import locale from "element-ui/lib/locale/lang/en"
import "../assets/css/element.scss"

export default () => {
  Vue.use(Element, { locale })
}

element.scss

/*  */
$--color-primary: red;

/*  icon  */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";
Apr.13,2022

the github address that goes to nuxt sees issue

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2b2c2-2ba6a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2b2c2-2ba6a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?