Level 102
Can you show your vite config file?
Jul 26, 2022
7
Level 2
Vite issue using Inertia/React
Hello friends! I just created a brand new project with Inertia/React. My page component is not rendering and I'm seeing this in the console:
TypeError: Failed to resolve module specifier "http://::1:5173/@react-refresh". Relative references must start with either "/", "./", or "../".
Any help would be greatly appreciated. Thanks!
Level 2
@Sinnbeck Here it is running with LARAVEL v9.22.0 plugin v0.5.2:
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [
laravel({
input: 'resources/js/app.tsx',
}),
react(),
],
});
Level 102
@evelynfredin try adding
{
server: {
host: 'localhost',
}
}
Level 102
@evelynfredin like this
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
server: {
host: 'localhost',
},
plugins: [
laravel({
input: 'resources/js/app.tsx',
}),
react(),
],
});
1 like
Level 2
@Sinnbeck That fixed it, thanks a lot! :)
Level 102
Or
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
server: {
host: 'localhost',
hmr: {host: 'localhost'},
},
plugins: [
laravel({
input: 'resources/js/app.tsx',
}),
react(),
],
});
Level 102
@evelynfredin exelent. Happy to help
Please or to participate in this conversation.