我的网站无法呈现我的 CSS。在我的本地主机上，它运行良好。我很难理解为什么？

更新 #1：我卸载了所有内容并重新安装，希望之前可能做错了……但同样的问题仍然存在。尝试通过添加 /public 甚至完整路径 users/name/projectname/public 等来修改路径 /css/app.css，但都不起作用。

更新 #2：将我的 css/app.css 文件与另一个项目进行比较，似乎代码无法正确呈现。我用我的其他项目替换了 app.css（使用相同的框架和依赖项），但同样的问题仍然存在。 CSS 刚刚被渲染。

REPO - https://github.com/PT-83/FamiJam

https://famijam.com/

技术栈：Laravel 7、TailwindCSS、Digitial Ocean、Laravel Forge。

运行 npm run production build 成功。

资产 /css/app.css 和 /js/app.js 以黄色突出显示，并显示 [emitted] [big] /js/app

在 chrome 中检查后，显示以下错误。

Uncaught TypeError: Cannot set property 'onclick' of null
    at Object../resources/js/app.js (app.js:12796)
    at __webpack_require__ (app.js:20)
    at Object.0 (app.js:12894)
    at __webpack_require__ (app.js:20)
    at app.js:84
    at app.js:87

Failed to load resource: the server responded with a status of 404 ()https://famijam.com/ 

与 Localhost 相比

其他错误

{
    "resource": "/Users/paolo/Documents/code/Famijam/public/CSS/app.css",
    "owner": "_generated_diagnostic_collection_name_#2",
    "code": "propertyIgnoredDueToDisplay",
    "severity": 4,
    "message": "Property is ignored due to the display. With 'display: block', vertical-align should not be used.",
    "source": "css",
    "startLineNumber": 3,
    "startColumn": 3183,
    "endLineNumber": 3,
    "endColumn": 3204
}
{
    "resource": "/Users/paolo/Documents/code/Famijam/public/CSS/app.css",
    "owner": "_generated_diagnostic_collection_name_#2",
    "code": "vendorPrefix",
    "severity": 4,
    "message": "Also define the standard property 'filter' for compatibility",
    "source": "css",
    "startLineNumber": 8,
    "startColumn": 1758,
    "endLineNumber": 8,
    "endColumn": 1768
}

webpack.mix.js

const mix = require('laravel-mix');
const tailwindcss = require("tailwindcss");

mix.js("resources/js/app.js", "public/js")
    .sass("resources/sass/app.scss", "public/css")
    .options({
        processCssUrls: false,
        postCss: [tailwindcss("./tailwind.config.js")]
    });