Vite client script (`http://127.0.0.1:5173/@vite/client`) is inserted to the page multiple times #44572

elidrissidev · 2022-10-13T12:10:55Z

elidrissidev
Oct 13, 2022

Hello all,

So in my page layout component, I load my base app.js and app.scss files like this:

@vite(['resources/scss/app.scss', 'resources/js/app.js'])
@stack('scripts')

And then let's say I have a checkout page where I wan't to render a javascript file specific to that page, I push the checkout.js file to the scripts stack like this:

@push('scripts')
  @vite('resources/js/checkout.js')
@endpush

Now by navigating to the checkout page I see the following tags inside the <head> tag:

<script type="module" src="http://127.0.0.1:5173/@vite/client"></script>
<link rel="stylesheet" href="http://127.0.0.1:5173/resources/scss/app.scss">
<script type="module" src="http://127.0.0.1:5173/resources/js/app.js"></script>
<script type="module" src="http://127.0.0.1:5173/@vite/client"></script>
<script type="module" src="http://127.0.0.1:5173/resources/js/checkout.js"></script>

See how the @vite/client file is included twice (I suppose it depends on how many times I used @vite(...)).
This doesn't cause any issue really, hence why I opened a discussion instead of an issue, but I wonder if it's something that can be fixed in Laravel.

Thanks 😊

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Vite client script (`http://127.0.0.1:5173/@vite/client`) is inserted to the page multiple times #44572

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Vite client script (http://127.0.0.1:5173/@vite/client) is inserted to the page multiple times #44572

Uh oh!

elidrissidev Oct 13, 2022

Replies: 0 comments

Vite client script (`http://127.0.0.1:5173/@vite/client`) is inserted to the page multiple times #44572

elidrissidev
Oct 13, 2022