Skip to content

无法引用npm安装的依赖包中的变量文件。 #205

Open
@theores

Description

@theores

如题:无法引用node_modules依赖包中的变量文件。
项目中引入了bootstrap包的变量文件,但使用style-resources-module无法生效。
我的配置如下:

export default {
  buildModules: [
    '@nuxtjs/style-resources',
  ],
  css: [ './assets/sass/bootstrap.scss' ],
  styleResources: {
    scss: ['bootstrap/scss/mixins', 'bootstrap/scss/functions','bootstrap/scss/variables']
  },
}

报错信息如下:

Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):                                                                     friendly-errors 17:32:56  
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined mixin.
  ╷
5 │ ┌             @include media-breakpoint-down(sm)
6 │ └                 padding: 0 20px
  ╵
  assets\sass\guide_develop.sass 5:13  @import
  pages\sem.vue 38:9                   root stylesheet
    at D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\webpack\lib\NormalModule.js:316:20
    at D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass-loader\dist\index.js:62:7
    at Function.call$2 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:99807:16)
    at render_closure1.call$2 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:85345:12)
    at _RootZone.runBinary$3$3 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:29712:18)
    at _FutureListener.handleError$1 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:28226:21)
    at _Future__propagateToListeners_handleError.call$0 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:28533:49)
    at Object._Future__propagateToListeners (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:3936:77)
    at _Future._completeError$2 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:28379:9)
    at _AsyncAwaitCompleter.completeError$2 (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:28024:12)
    at Object._asyncRethrow (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:3712:17)
    at D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:19922:20
    at _wrapJsFunctionForAsync_closure.$protected (D:\Development\ewei2022\ewei-frontend\ewei-frontend-www\node_modules\sass\sass.dart.js:3737:15)

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions