Мой сайт не отображает мой CSS. На моем локальном хосте все работает нормально. Я с трудом пытаюсь понять, почему?
Обновление № 1: Я удалил все и переустановил с надеждой, возможно, сделать это неправильно раньше ... но та же проблема сохраняется. Попробовал возиться с путем /css/app.css, добавив / publi c и даже полный путь пользователей / имя / имя проекта / publi c et c и тоже не работая.
Обновление № 2: Сравнил мой файл css / app. css с другим проектом, казалось, что код не отображается должным образом. Я заменил приложение. css другим моим проектом (используя ту же платформу и зависимости), но та же проблема сохраняется. CSS только что визуализируется.
REPO - https://github.com/PT-83/FamiJam
https://famijam.com/
Технический стек: Laravel 7, попутный ветер CSS, цифровой океан, Laravel кузница.
Запуск npm Запуск производственной сборки успешен.
Asset /css/app.css and /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")]
});