13 Jun 2022
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 runnpm 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 ??
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...
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
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
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
]);
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.