无法使用Express解析Nuxt中的scss文件

Question

我现在使用带有Express的Nuxt，但是当我要导入一个scss文件时，它会引发错误

无法从“ /Users/xxx/my-own-project/assets/css/theme.scss”解析“〜/ assets / css / theme.scss”

但是当我在入门级nuxt模板中导入scss文件时，它不会引发错误。

这是我的nuxt.config.js的内容，

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: 'xxx',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content:
          'xxx'
      }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
  },
  /*
  ** Customize the progress bar color
  */
  loading: { color: '#448aff' },
  /*
  ** Build configuration
  */
  css: [
    { src: 'vue-material/dist/vue-material.min.css', lang: 'css' },
    { src: '~/assets/css/theme.scss', lang: 'scss' }
  ],
  plugins: [{ src: '~/plugins/vue-material' }],
  /*
  ** Add axios globally
  */
  build: {
    vendor: ['axios', 'vue-material'],
    extractCSS: true
    /*
    ** Run ESLINT on save
    */
    // extend (config, ctx) {
    //  if (ctx.isDev && ctx.isClient) {
    //    config.module.rules.push({
    //      enforce: 'pre',
    //      test: /\.(js|vue)$/,
    //      loader: 'eslint-loader',
    //      exclude: /(node_modules)/
    //    })
    //  }
    // }
  },
  serverMiddleware: [
    // API middleware
    '~/api/index.js'
  ]
}

我的代码有什么问题吗？