错误：带有 React、vite 和 tailwindcss 的 Docker 容器，出现错误 Unexpected token 'export'

Question

我正忙着建立一个项目，我想将 Docker 与 React、vite 和 Tailwinds 一起使用。 使用 docker 尝试安装 tailwind 时出现以下错误

错误消息：docker /app/postcss.config.cjs:1 导出默认值{ ^^^^^^ 语法错误：意外的标记“导出”`

或者：之前的错误

错误消息：docker

 docker vite Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'tailwindcss' imported from /app/vite.config.js

目前，当我在没有 docker 的情况下运行项目时，该设置有效。效果很好

github： https://github.com/xxxx/xxxx

我已经在网上寻找解决方案几天了，不幸的是没有成功。 尝试不同博客中的几种配置设置。不幸的是收效甚微。

我希望我的项目能够使用 docker 容器，并且使用 tailwinds 不会出现任何问题

Answer 1

当前存储库中的代码对我来说构建和运行良好。

docker-compose build && docker-compose up

但是，我无法通过端口 5173 访问该站点。为了使其正常工作，我对

package.json

进行了更改，指定 0.0.0.0 作为

dev

脚本的主机：

  "scripts": {
    "dev": "vite --host 0.0.0.0",
    "build": "vite build",
    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview"
  },