Блог

Главная - Вопросы по программированию - Я пытался интегрировать tailwind в React Js и получил эту ошибку

Я пытался интегрировать tailwind в React Js и получил эту ошибку

#reactjs #npm #frontend #tailwind-css

#reactjs #нпм #интерфейс #попутный ветер-css

Вопрос:

Я интегрировал tailwind в React Js, используя Postcss и autoprefixer.

Это ошибка, которую я получаю сразу после запуска npm start или npm run start

ОШИБКА npm! ошибка кода ELIFECYCLE npm! errno 1 npm ОШИБКА! ethniquecity@0.1.0 начало: npm run watch:css amp;amp; react-scripts start ошибка нпм! Ошибка состояния выхода 1 npm! ОШИБКА npm! Потерпел неудачу в ethniquecity@0.1.0 запустите скрипт. нпм ОШИБАЕТСЯ! Вероятно, это не проблема с npm. Вероятно, выше приведены дополнительные результаты ведения журнала.

нпм ОШИБАЕТСЯ! Полный журнал этого запуска можно найти в:

Ответ №1:

Проблема может заключаться в том, что вы, возможно, не добавили команды для компиляции файлов sass в package.json. Вот решение
Перед просмотром файла package.json

 "scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
},

После просмотра файла package.json

 "scripts": {
  "start": "npm run watch:css amp;amp; react-scripts start",
  "build": "npm run build:css amp;amp; react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "build:css": "postcss src/styles/global.css -o src/styles/main.css",
  "watch:css": "postcss src/styles/global.css -o src/styles/main.css"
},

Ссылка — Webomnizz