Nuxt не может загрузить файл стилуса - PullRequest
Новая
       12

Nuxt не может загрузить файл стилуса

0 голосов
/ 22 ноября 2018

Я пытаюсь загрузить файл стилуса в nuxt.

Сначала я установил пакет стилуса, используя npm i -D stylus stylus-loader

Затем я создал файл с именем app.styl в assets/styleпапка: 

@require '~vuetify/src/stylus/settings/_colors'
$theme := {
  primary:     $blue.darken-2
  accent:      $blue.accent-2
  secondary:   $grey.lighten-1
  info:        $blue.lighten-1
  warning:     $amber.darken-2
  error:       $red.accent-4
  success:     $green.lighten-2
}

// Import Vuetify styling
@require '~vuetify/src/stylus/main'

.page
  @extend .fade-transition

Затем я добавил это в массив css в nuxt.config.js: 

  /*
  ** Global CSS
  */
  css: [{ src: '~assets/style/app.styl', lang: 'styl'}],

Но тогда nuxt.js выдает ошибку в сборке: 

× error friendly-errors » Failed to compile with 1 errors
> log friendly-errors » This dependency was not found:
> log friendly-errors » * ..\assets\style\app.styl in ./.nuxt/App.js
> log friendly-errors » To install it, you can run: npm install --save ..\assets\style\app.styl

В моем package.json у меня есть версия nuxt до ^ 2.3.1, стилус до ^ 0.54.5 и загрузчик стилуса из ^ 3.0.2.

Полная ссылка на package.json и nuxt.config.js

Можете ли вы найти, что не так с моей настройкой, используя эту информацию?

1 Ответ

0 голосов
/ 22 ноября 2018

Путь к папке с активами Nuxt должен быть таким для nuxt js версии 2 

 /*
  ** Global CSS
  */
  css: [{ src: '~/assets/style/app.styl', lang: 'styl'}]

Надеюсь, это решит вашу проблему

...