Question

160

Nuxt 3 - resolver.resolveModule is not a function

rated 0 times [ 163] [ 3] / answers: 1 / hits: 5506 / 3 Years ago, sat, november 13, 2021, 12:00:00

I want to configure style-resources and use some variables globally in fresh Nuxt 3 project but when I am passing some options to nuxt.config file I am getting this error:

Cannot start nuxt: resolver.resolveModule is not a function

My dependencies:

  "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'],

  },

});

I am using this library:
https://github.com/nuxt-community/style-resources-module

I know Nuxt 3 is still in Beta release but maybe someone faced this issue already or knows different way to apply global resources

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

michaelashelbieh

Add To Favorites

Follow

Total Points: 303

Total Questions: 139

Total Answers: 97

Location: Suriname

Member since Sun, Oct 17, 2021

3 Years ago

michaelashelbieh questions

1 .env file not updating in local environment in react js

Fri, Sep 17, 21, 00:00, 3 Years ago

1 How do i pass more things on getServerSideProps() in Next.js

Tue, Sep 14, 21, 00:00, 3 Years ago

1 TypeError: Cannot read property 'split' of undefined in discord and nodejs

Sun, Jan 17, 21, 00:00, 3 Years ago

1 Bootstrap Accordion rotate icon when open

Mon, Aug 31, 20, 00:00, 4 Years ago

1 How to flatten an object with nested objects in javascript

Mon, Apr 20, 20, 00:00, 4 Years ago

View All

answered 3 Years ago leighm · Accepted Answer

I don't think that module is supported in Nuxt3. Adding this to nuxt.config worked for me:

vite: {

        css: {

            preprocessorOptions: {

                scss: {

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

                },

            },

        },

    }