Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Athias85's avatar

[vite] Failed to load source map .....

I am using custom css and js, compiled using vite. However, I am getting the following error:

[vite] Failed to load source map for /resources/assets/web_app/js/plugins.js.

Below is my vite.config.js file

import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; import path from 'path'

export default defineConfig({ plugins: [ laravel({ input: [ 'resources/sass/app.scss', 'resources/js/app.js',

            //custom css files
            'resources/assets/web_app/css/reset.css',
            'resources/assets/web_app/css/plugins.css',
            'resources/assets/web_app/css/style.css',
            'resources/assets/web_app/css/color.css',

            //fontawesome css files
            'resources/assets/web_app/css/font_awesome/brands.css',
            'resources/assets/web_app/css/font_awesome/font_awesome.css',
            'resources/assets/web_app/css/font_awesome/svg-with-js.css',
            'resources/assets/web_app/css/font_awesome/v4-shims.css',

            //custom js files
            'resources/assets/web_app/js/jquery.min.js',
            'resources/assets/web_app/js/plugins.js',
            'resources/assets/web_app/js/scripts.js',
            'resources/assets/web_app/js/map-single.js',
        ],
        refresh: true,
    }),
],
resolve: {
    alias: {
        '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
    }
},

});

Below is a section of my layout file : : :

@vite([
    'resources/assets/web_app/js/jquery.min.js',
    'resources/assets/web_app/js/plugins.js',
    'resources/assets/web_app/js/scripts.js'
])
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&libraries=places&callback=initAutocomplete"></script>
@vite([
    'resources/assets/web_app/js/map-single.js'
])
: : :

What could be issue, and how can I resolve this. Seems to be an issue with the plugins.js file

0 likes
2 replies
Sinnbeck's avatar

First of. You are adding 14 inputs but only use 3? You don't actually want to use the css? I suggest you import them inside a single app.css and use that instead

1 like
Sinnbeck's avatar

For the problem itself. Make sure you have at least vite 3.x. Also run npm update

1 like

Please or to participate in this conversation.