Vue.js 我的nuxt vuetify项目中未定义的SASS mixin

在我的项目中，我发现了一个我无法解决的问题

我有一个main.scss：

//main.scss
@import '~/assets/design/partials/_variables.scss';
@import '~/assets/design/partials/_mixins.scss';
@import '~/assets/design/partials/_common.scss';

我从全球进口的：

css: [
'@/assets/design/main.scss'
],

如果我在我的_mixins.scss中添加以下内容，他似乎很有用：

//_mixins.scss
.....all my mixin

*{outline:1px solid red}

它工作得很好

在我的Navbar.vue中，我导入了一个scss partials：

//Navbar.vue
<style lang="scss" scoped>
  @import '@/assets/design/components/_navbar';
</style>

我有一个这样的错误

 Module build failed (from ./node_modules/sass-loader/dist/cjs.js):                                                                  
 friendly-errors 18:07:45

  @include inputWrap;
 ^
  Undefined mixin.
   ╷
 5 │     @include inputWrap;
   │     ^^^^^^^^^^^^^^^^^^
   ╵
 assets/design/components/_navbar.scss 5:5  @import
 stdin 34:9                                 root stylesheet
  in /Users/dariopres/Lavoro/nuxt-market/assets/design/components/_navbar.scss (line 5, 
 column 5)

这里是我的package.json

{
  "name": "marketectm",
  "version": "1.0.0",
  "private": true,
  "scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start",
  "generate": "nuxt generate"
},
  "dependencies": {
  "@nuxtjs/axios": "^5.12.2",
  "core-js": "^3.6.5",
  "nuxt": "^2.14.6"
},
 "devDependencies": {
 "@nuxtjs/vuetify": "^1.11.2",
 "fibers": "^5.0.0",
 "sass": "^1.29.0",
 "sass-loader": "^7.3.1" //i had to downgrade it to make above global 
                         //import work
 }
}

我试图解决这个问题，但我解决不了。希望你能帮助我

{
  "name": "marketectm",
  "version": "1.0.0",
  "private": true,
  "scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start",
  "generate": "nuxt generate"
},
  "dependencies": {
  "@nuxtjs/axios": "^5.12.2",
  "core-js": "^3.6.5",
  "nuxt": "^2.14.6"
},
 "devDependencies": {
 "@nuxtjs/vuetify": "^1.11.2",
 "fibers": "^5.0.0",
 "sass": "^1.29.0",
 "sass-loader": "^7.3.1" //i had to downgrade it to make above global 
                         //import work
 }
}