реагировать. js & попутный ветер. css проект не развертывается на heroku должным образом

Question

У меня есть приложение create-response-app, которое я успешно запустил на моем локальном хосте, со всеми функциями tailwind. css доступно для интеграции с моим JSX. Он компилируется нормально, и я использовал этот учебник, чтобы выполнить sh это: https://codingthesmartway.com/using-tailwind-css-with-react/.

Пример ошибки, запятые, представляющие новые строки журнала консоли: npm ERR ! react-tailwindcss@0.1.0 сборка: css: postcss src/styles/tailwind.css -o src/styles/main.css, npm ERR! создать ENOENT, npm ERR !, npm ERR! Ошибка при выполнении сценария react-tailwindcss@0.1.0 build: css. Я использовал журналы heroku --tail, чтобы получить эту информацию. Я не понимаю, как решить эту проблему. Это приложение: https://peaceful-island-18911.herokuapp.com/. Он должен выглядеть (и выглядит на моем локальном хосте) как конечный результат упомянутого руководства. Я знаю, что должен быть способ получить приложение response w / tailwind css, развернутое на heroku и работающее так же, как на localhost. Я сделал это перед тем, как использовать более распространенный css framework bootstrap.

Ниже мой файл package. json с моими скриптами и зависимостями. Я выполнил упомянутый выше учебник для своей файловой архитектуры. Я новичок в разработке, поэтому, пожалуйста, go будьте осторожны, но мы будем очень благодарны за любую помощь или руководство в решении этой проблемы. Я очень надеюсь, что это простое исправление ошибки новичка! Спасибо.

{
  "name": "react-tailwindcss",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "npm run build:css && react-scripts start",
    "build": "npm run build:css && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "build:css": "postcss src/styles/tailwind.css -o src/styles/main.css",
    "prebuild": "npm run build:css",
    "prestart": "npm run build:css"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "autoprefixer": "^9.8.6",
    "postcss-cli": "^7.1.1",
    "tailwindcss": "^1.6.2"
  }
}