javascript - Nuxt 3 - resolver.resolveModule 不是函数

Question

我想style-resources在新的 Nuxt 3 项目中全局配置和使用一些变量，但是当我将一些选项传递给 nuxt.config 文件时，我收到了这个错误：

Cannot start nuxt: resolver.resolveModule is not a function

我的依赖：

  "devDependencies": {
    "nuxt3": "latest",
    "prettier": "^2.4.1"
  },
  "dependencies": {
    "@nuxtjs/style-resources": "^1.2.1",
    "sass": "^1.43.4"
  }

nuxt.config.js

export default defineNuxtConfig({
  css: ['~/assets/main.scss'],
  buildModules: ['@nuxtjs/style-resources'],
  styleResources: {
    scss: ['./assets/variables.scss'],
  },
});

我正在使用这个库： https ://github.com/nuxt-community/style-resources-module

我知道 Nuxt 3 仍处于 Beta 版本，但也许有人已经面临这个问题或知道应用全球资源的不同方式

Answer 1

我认为 Nuxt3 不支持该模块。将此添加到 nuxt.config 对我有用：

vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@import "@/assets/scss/variables.scss";',
                },
            },
        },
    }