Unable to locate Mix file: /css/app.css solved laravel

Cara mengatasi Unable to locate Mix file: /css/app.css solved problem laravel

Hey... do you have install laravel using laravel jetstream ?? some times we have error installation tailwindcss, after we have run npm install then when if we try to run npm run dev some times we have error like this Unable to locate Mix file: /css/app.css .
Jadi man teman khusus nya para laralovers atau pecinta laravel php artisan , kadang ketika kamu melakukan installasi laravel jetstream untuk kemudahan dalam proses UI admin dashboard harapan nya mempercepat pekerjaan kita untuk membuat tampilan yang lebih baik lah, eh malah kedapatan eror tuh,, malah puyeng bin pusing kagak tuh ??
Cara mengatasi Unable to locate Mix file: /css/app.css solved problem laravel
So what we can do ?? no need wory about this error , on my case for solved this problem i have delete node_modules then run npm install again but this not working , when i run npm run dev again i have same error .then i try to delete vendor folder then i install again with composer install but this step still not working when i try npm run dev i have same error .
Jadi pada kasus ini sendiri aku sudah mencoba sih untuk menghapus folder node_modules karna pikirku mungkin installasi nya kurang beres , terus aku jalanin lagi deh installasi nya, tapi apa yang terjadi aku tetep ngedapetin eror yang sama, malah puyeng kan kaka... coba hapus semua installasi malah mulai dari vendor , node_modules nya aku sikat babat abis sampai iris tipis dan coba install ulang lagi, terus njalanin npm run dev, eh tetep aja gak berhasil ferguso !! jadi apa yang musti kita lakuin nih kalau ada kasus kek beginian...
Cara mengatasi Unable to locate Mix file: /css/app.css solved problem laravel
How to fix and solved Unable to locate Mix file: /css/app.css ??
For solved this problem you need to to change tailwind.config.js and webpack.mix.js files.
Jadi untuk memperbaiki dan menyelesaikan masalah ini kamu perlu deh untuk tapa dulu dan puasa putih plus mandi kembang tujuh rupa biar gak apes,, wkwkw.. tenang man teman... untuk mengatasi masalah ini sebenernya simple banget sih... kita cukup ubah aja file tailwind.config.js ama webpack nya.. dan ini work loh untuk ku, jadi setelah ubah niscaya kalian bercahaya... ya intinya kita uda sukses dan bisa untuk menjalanin npm run dev nya. nah sekarang copy aja deh kode yang ada dibawah ini yes... dan tempelin ke kode kalian , lalu jalanin maka selamat deh gak perlu puyeng lagi untuk mikirin Cara mengatasi Unable to locate Mix file: /css/app.css solved problem laravel
open your tailwind.config.js and edit with your code editor visual code studio , delete all code then replace with this code
const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
purge: ['./storage/framework/views/*.php', './resources/views/**/*.blade.php'],

theme: {
extend: {
fontFamily: {
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
},
},
},

variants: {
opacity: ['responsive', 'hover', 'focus', 'disabled'],
},

plugins: [require('@tailwindcss/ui')],
};

Now we need to change webpack.mix.js files to, just open with visual code studio, and delete all code replace with this code
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
]);
Then save files, and now you can run npm run dev , and congratulations you have fix and solved problem about Unable to locate Mix file: /css/app.css solved laravel.
This error is because we use old laravel version, and you can solved with use this step or you can install lastest laravel version.

Text Notes Update

Aplikasi
Temukan aplikasi toko,aplikasi restoran,aplikasi bengkel, aplikasi sekolah, aplikasi invoice , aplikasi akuntansi , aplikasi ekspedisi disini.

Bang Resto Aplikasi Restoran
Aplikasi restoran cafe rumah makan sangat lengkap include website integrasi ,waitrers, kitchen ,kasir, admin, qr code menu digital , whatsapp online order dalam satu app.

Pembuatan Website Cepat dan SEO
Saatnya kini kembangkan website super cepat tanpa database dengan dukungan SEO di dalam nya.

Typography Hockey Computindo
Mesin Kasir , aplikasi kasir , aplikasi toko, aplikasi restoran, aplikasi bengkel, aplikasi sekolah, pembuatan website terbaru.

Lava Aplikasi Toko Grosir dan Eceran.
Kebutuhan untuk penjualan eceran grosir maka menggunakan aplikasi toko lavaapp adalah pilihan terbaik untuk toko minimarket bisnis usaha mu.

Mesin Kasir
Mesin Kasir terbaru untuk toko minimarket dan mesin kasir restoran cafe rumah makan.

Mesin Kasir Restoran
Restoran cafe rumah makan wajib menggunakan mesin kasir ini, lengkap aplikasi software program restoran waiters kitchen kasir admin all in one.

Mesin Kasir Toko
Sempurna dengan barcode system dan touchscreen metode untuk mesin kasir toko minimarket retail shop.

Pembuatan website modern terbaru
Buat web modern bersama kami dengan react, next, remix, gatsby , angular, svelte , blazor wasm untuk solusi terbarik pengembangan site mu.

Mr.RestoPos Aplikasi Restoran
Aplikasi restoran cafe rumah makan super lengkap dengan kemampuan waiters , kitchen display, kasir dan admin dalam satu app integrasi website resto cafe rumah makan.

Explore Notes

Product & Services

Dukungan produk dan layanan kami untuk membantu memajukan bisnis usaha mu.

mesin kasir online

Mesin Kasir

Pilihan mesin kasir terbaik dengan hardware pilihan.

modern website

Website

Pengembangan website modern technology.

aplikasi kasir toko restoran

Applikasi

Aplikasi kerja untuk menunjang bisnis usaha mu.