Support the ongoing development of Laravel.io →
Laravel

I moved my views over to a fresh Laravel 10 install, in my resources folder I have js/app.js, js/bootstrap.js and sass/app.scss

I edited my bootstrap file with

    window._ = require("lodash");
    /**
     * We'll load the axios HTTP library which allows us to easily issue requests
     * to our Laravel back-end. This library automatically handles sending the
     * CSRF token as a header based on the value of the "XSRF" token cookie.
     */
    try {
     window.Popper = require("@popperjs/core");
     window.$ = window.jQuery = require("jquery");

     window.bootstrap = require("bootstrap");
    } catch (e) {}

    import axios from "axios";
    window.axios = axios;

    window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";

I installed the relative plugins via npm

I updated my vite config

    export default defineConfig({
    plugins: [
     laravel({
     input: ["resources/sass/app.scss", "resources/js/app.js"],
     refresh: true,
     }),
   ],
  });

However, when I add @vite(['resources/sass/app.scss', 'resources/js/app.js']) to app.blade the page loads with no styles applied, its only working with

any idea why its not working?

0

Sign in to participate in this thread!

Eventy

Your banner here too?

Moderators

We'd like to thank these amazing companies for supporting us

Your logo here?

Laravel.io

The Laravel portal for problem solving, knowledge sharing and community building.

© 2025 Laravel.io - All rights reserved.