Level 102
Check if you have a file named hot in the public directory. Delete it
1 like
Oct 11, 2022
13
Level 2
Vite error ( not showing CSS styles)
I have hosted an app to a Server, and everything is fine except that the Vite file causes two errors on my Browser.
Failed to load resource: net::ERR_CONNECTION_REFUSED 5173/@vite/client:1
..... 5173/resources/js/app.js:1
layouts/app
@vite('resources/css/app.css','resources/js/app.js')
vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
],
});
Level 2
@Sinnbeck , no. There isn't any file with that name.
Level 102
@t9dev and you are not running npm run dev? You ran npm build?
Level 102
@t9dev ok so there is that file but I cannot see it? I can call it, so it's there http://95.217.217.198/hot
Level 2
@Sinnbeck , I am running 'run dev' not build.
Level 102
@t9dev you cannot run dev in production. As the name implies it's for development. Stop it and it should work
Level 2
@Sinnbeck , exactly, I tried to remove it using "rm" but it says file doesn't exists.
Level 102
@t9dev stop the dev server and it should be auto deleted
Level 102
Now run npm run build
Level 2
@Sinnbeck , and how to run the server? It only shows the when I run the command run dev.
Level 102
You vite helper is wrong. It should be an array
@vite(['resources/js/app.js','resources/css/app.css'] )
Level 102
You don't run the server. Try fixing vite and we can see if it works
Level 1
@t9dev are you trying to use in build/dev ?
1 like
Please or to participate in this conversation.