nuxt中使用element-ui的自定义主题会报错

Question

nuxt会报错
SyntaxError
Invalid or unexpected token
我发现是@import语句产生的错误，但是不知如何修改

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";

Answer 1

去nuxt的github地址看到了issue