Hi,
ich bin gerade am falschen PC (Arbeit), kann dir nicht alle aber schon mal ein paar Infos geben und wie ich das nun doch nach 8 Stunden endlich gelöst habe.
Windows 10, MAMP Server mit PHP 7.4.1, node-v14, Composer v2.0.8, Laravel 8 und Bootstrap
-- Falscher PC, daher erst heute Abend Infos.
-- Inhalt der CSS-/JS Files gibt es nicht, den diese sind nicht vorhanden. Beim Aufruf dieser kommt die Laravel 404 Seite.
-- In der app.blade.php findet sich folgendes
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet" />
Im Quelltext sieht es dann so aus
<!-- Scripts -->
<script src="http://127.0.0.1:8000/js/app.js" defer></script>
<!-- Styles -->
<link href="http://127.0.0.1:8000/css/app.css" rel="stylesheet" />
und der Aufruf von
http://127.0.0.1:8000/css/app.css bzw. app.js gibt einen Laravel 404
-- Nein, Bootstrap wird nicht richtig eingebunden. Dazu später mehr.
-- Ja, Bootstrap ist im node_modules Ordner vorhanden
-- Nein, die werden nicht im public Ordner eingebunden, da liegt wohl auch das Problem
-- Nein, es gibt keine Fehlermeldung. ein
nmp run dev sollte unteranderem die JS/CSS Files im public Ordner bereitstellen, dies hat es aber nicht gemacht und beim Durchlauf kam auch keine Fehlermeldung. Nur die üblichen WARN Meldungen.
Auch ein mehrfaches ausführen der npm run dev behob das Problem nicht.
PS C:\MAMP\htdocs\test> npm run dev
> @ dev C:\MAMP\htdocs\test
> npm run development
> @ development C:\MAMP\htdocs\test
> mix
Additional dependencies must be installed. This will only take a moment.
Running: npm install resolve-url-loader@3.1.0 --save-dev --legacy-peer-deps
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.1 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
Finished. Please run Mix again.
PS C:\MAMP\htdocs\test>
Scheint wohl noch ein Bug zu sein den wie oben schon geschrieben,
npm run dev sollte den CSS und JS Ordner im public anlegen was es nicht gemacht hat. Ich habe jetzt die webpack.mis.js genommen und folgenden Teil
mix.js('resources/js/app.js', 'public/js').sass('resources/sass/app.scss', 'public/css').sourceMaps();
durch
mix.js('resources/js/app.js', 'public/js').react().sass('resources/sass/app.scss', 'public/css', [
//
]);
ersetzt und noch mal
npm run dev ausgeführt. Danach lief alles so wie es soll.