Блог

Главная - Вопросы по программированию - Почему я получаю ошибку csssyntax из-за пропущенной точки с запятой в сборке Гэтсби?

Почему я получаю ошибку csssyntax из-за пропущенной точки с запятой в сборке Гэтсби?

#javascript #reactjs #material-ui #gatsby

Вопрос:

Я работаю над страницей Гэтсби, используя пользовательский интерфейс Material. Дизайн страницы почти завершен, но когда я закончу, я получу странную ошибку при сборке npm run.

 WebpackError: Pathname: /invitation/ CssSyntaxError: <css input>:1479:28: Miss
  ed semicolon

Ошибка sccreenshot

Я понятия не имею, откуда взялась эта ошибка, но я потратил несколько часов, пытаясь ее устранить, но безуспешно. Кто-нибудь может мне в этом помочь?

Если требуется код компонента, пожалуйста, дайте мне знать, чтобы я мог обновить поток кодом, вызывающим проблему.

Ответ №1:

Я обнаружил источник ошибки, вызванной командой make styles CSS.

  '.MuiButton-root:hover': {
      backgroundColor: '#F8E71C',
   },

Я прокомментировал эту строку, и сборка начала работать нормально, но я все еще не уверен, почему это вызывает ошибку.

Есть ли кто-нибудь, кто может объяснить, что вызвало ошибку?

Комментарии:

1. это потому, что правильный синтаксис CSS заключается backgroundColor: '#F8E71C'; , в том, что в конце у вас была запятая, а ; не точка с запятой

2. Есть ли какое-либо расширение, чтобы быть в курсе этих типов ошибок?

Метки: