Далее. На первой странице js отсутствуют все стили - PullRequest
Новая
       52

Далее. На первой странице js отсутствуют все стили

0 голосов
/ 02 августа 2020

Я использую s css для стилизации моего следующего. js приложения, однако я заметил, что все стили отсутствуют, когда я просматриваю первую отрисовку через вкладку сети в Google chrome.

отсутствующие стили

Как видите, страница довольно проста и не получает никаких исходных свойств. Я подозреваю, что сервер по какой-то причине не создает всю страницу (включая стили) на бэкэнде.

Мой next.config. js настройка: const withStyles = require ("@ webdeb / next-styles "); 

  module.exports = withStyles({
  sass: true, // use .scss files
  modules: true, // style.(m|module).css & style.(m|module).scss for module files
  });

1 Ответ

0 голосов
/ 02 августа 2020

В следующих более новых js версиях, я не думаю, что вам нужно больше использовать withStyles и аналогичные плагины.

только глобальные стили

Вы можете просто:

  • install sass
  • установите любой css фреймворк, который вы используете, и следуйте его инструкциям по включению их файлов css / s css в ваш project
  • потенциально полностью избавиться от вашего next.config.js файла, если это простой проект и все, что у вас было в файле конфигурации, было css конфигурационным материалом.
  • импортируйте файлы s css прямо в ваши js файлы (например, import '../styles/app.scss')

scoped s css styles

  • кажется, вы можете сохранить файл next.config.js, основываясь на этом обходной путь, который я нашел здесь через поиск Google: 
const withStyles = require('@webdeb/next-styles')

module.exports = withStyles({
  sass: true, // use .scss files
  modules: true, // style.(m|module).css & style.(m|module).scss for module files
})
...