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
Aug 17, 2022
2
Level 1
[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
Please or to participate in this conversation.