nuxt.config. js не загружается. css файлы - PullRequest
Новая
       3

nuxt.config. js не загружается. css файлы

1 голос
/ 04 февраля 2020

Я пытаюсь включить свою мета-информацию (в основном видимую в файлах stati c. css и. js) в мое приложение Nuxt, добавив их в nuxt.config. js. Я ожидаю, что все мои глобальные метатеги (кодировка, ключевые слова и т. Д. c), а также мой CSS будут загружены при перезагрузке проекта на странице, на которой я тестирую, однако только с использованием локального vue -мета раздел дает эти желаемые результаты. Я хотел бы иметь возможность хранить большую часть своей мета в файле конфигурации, поэтому, хотя оставить все на каждой странице - это вариант, я не хотел бы его использовать.

Я не получаю предупреждений или ошибки при загрузке страницы, что заставляет меня поверить, что это не проблема, но я только начал использовать этот файл и хотел бы знать, является ли это чем-то тривиальным

Голова, которую я пытаюсь реализовать в nuxt. config. js ниже. Все пути к файлам действительны (поскольку они являются тем, что я использую на отдельных страницах, и они работают просто отлично. 

module.export = {
head:{
    meta: [
      {charset: 'utf-8'},
      {
        name: 'keywords', content: '~some keywords~'
      },
    ],
    link: [
      { rel: 'stylesheet', href: '/css/style.css' },
      { rel:'stylesheet', href:'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css'},
      { rel:'canonical', href:'https://www.self.com' }

    ],
    script: [
      {src: 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'},
      {src: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'},
      {src: 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js'},
    ]
  },
//...
}

У меня также есть подобное тело в моем разделе css:, однако это не дало никаких результатов, так как хорошо.

1 Ответ

0 голосов
/ 05 февраля 2020

Я полагаю, что в вашей ссылке CSS href отсутствует точка (. ), попробуйте: href: '. / css / style. css '

Также вы можете попробовать добавить CSS в качестве свойства вашего головного объекта: 

head {
link: [...],
css: ["./css/style.css"],
script: [...]
}/*end of head*/

Если вы попробуете второй вариант, удалите ссылку CSS из вашего массив ссылок.

Удачи!

...