Nuxt 3 - resolver.resolveModule 不是函数

Posted

技术标签:

【中文标题】Nuxt 3 - resolver.resolveModule 不是函数【英文标题】:Nuxt 3 - resolver.resolveModule is not a function 【发布时间】:2021-12-25 09:33:55 【问题描述】:

我想在新的 Nuxt 3 项目中配置 style-resources 并全局使用一些变量,但是当我将一些选项传递给 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 版本,但也许有人已经遇到过这个问题,或者知道应用全局资源的不同方式

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

感谢您发布此信息!这为我解决了问题。

以上是关于Nuxt 3 - resolver.resolveModule 不是函数的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt 3 中与 Nuxt 2 中的“匿名中间件”最接近的等价物是啥?

Nuxt 3 - resolver.resolveModule 不是函数

Part3-3-3 Nuxt.js 基础

将 nuxt 3 从 TypeScript 迁移到 JavaScript

nuxt.js1-3

Nuxt.js入门安装及灵活使用