Как подключить stylus в nuxt?

Question

[LilBorsch]

Мучаюсь с подключением stylus. Сделал все как в документации https://nuxtjs.org/docs/2.x/features/configuration..., но получаю ошибку:

this.getOptions is not a function at Object.stylusLoader

packange.json:

{
  "name": "nuxt-project",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
    "lint": "npm run lint:js"
  },
  "dependencies": {
    "core-js": "^3.9.1",
    "nuxt": "^2.15.3",
    "stylus": "^0.54.8",
    "stylus-loader": "^6.0.0"
  },
  "devDependencies": {
    "@nuxtjs/eslint-config": "^6.0.0",
    "@nuxtjs/eslint-module": "^3.0.2",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.22.0",
    "eslint-config-prettier": "^8.1.0",
    "eslint-plugin-nuxt": "^2.0.0",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^7.7.0",
    "prettier": "^2.2.1"
  }
}

Comments

[Михаил]

забудьте про stylus

[WapSter]

Тебе так уж необходим код стайлуса в билде? Советую почитать различия между dependencies и devDependencies. И где твой nuxt.config? Я что-то не особо верю, что ты всё по документации сделал

Answer 1

[cl0verfi3ld]

В комментариях Вам правильно отметили о помещении зависимостей в Dev ветку, но stylus не работает у Вас скорее всего по другой причине. По умолчанию stylus уже встроен в nuxt >4 версии. Но в данной версии идет поддержка с webpack > 5. По конфигу не видно, но предполагаю, что используете 4+ версию. Для нее потребуется снести текущую версию stylus-loader и поставить 3, которая под Webpack 4+