I’m currently working on a Vite Laravel 10 app and I’m facing an issue where both console.log and alert statements are not working.
I have the following code in my `resources/js/app.js
alert("hi");
console.log("hi");
import "./bootstrap";
I expect to see the alert dialog and the message "hi" logged to the browser’s console. However, neither of them are displaying any output.
Environment Details:
- Operating System: WSL Ubuntu
- PHP Version: 8.1.2
- Laravel Framework Version: 10.15.0
- Vite Version: 4.4.3
Troubleshooting Steps Taken:
- Checked that the code is correctly placed in the
resources/js/app.jsfile. - Verified that the
bootstrapmodule is imported correctly. - Tried using both
console.logandalertstatements in different parts of my code. - Changed browsers to see if the issue persists.
- Ensured that there are no filters applied in the Chrome console.
- Checked all levels of output (verbose, info, warnings, errors) in the Chrome console.
- Executed the
npm run devcommand to start the development server.
Despite these attempts, I’m still unable to see the alert dialog or the message "hi" logged to the browser’s console.
I would appreciate any insights or suggestions on how to resolve this issue. Thank you!
3
Answers
After I restarted my computer, every problem has gone...
@vite('resources/js/app.js') works as expected and I can see the console.log and alert.
Set a
debugger;in your app js file, Then run your app. I think your app js file is not running.Note: open the console panel when you are running your app.
Add this to your main laravel file: