Vite preview not displaying the correct page

KarenR — Mon, 22 Jul 2024 08:55:13 +0000

Have you guys experienced this issue before when using Vite? How did you resolved it?

I’m experiencing a different result using vite dev and vite preview for multi page site.

The vite dev works as expected when testing the development environment. But when running the preview, except for the /index page. the rest of the page have the correct url routing but the page displayed is still from the main.js (/index.html root).

I am using expressJS for my server side routing and vanilla JS.

I am following the vite documentation with folder/index.html for multi page site.

vite.config.js set up
resolve: {
alias: {
'@': resolve(dirname, 'src'),
},
},
build: {
base: '/src',
rollupOptions: {
input: {
main: resolve(dirname, 'index.html'),
about: resolve(dirname, 'src/about/index.html'),
fruits: resolve(dirname, 'src/fruits/index.html'),
404: resolve(__dirname, 'src/404.html')
},
output: {
entryFileNames: '[name].js',
chunkFileNames: '[name]-[hash].js',
assetFileNames: '[name]-[hash].[ext]',
},
},
},
server: {
middlewareMode: true,
fs: {
allow: ['..'],
},
},
};

How to create a Chrome extension full sidebar?

KarenR — Thu, 28 Sep 2023 13:19:46 +0000

👋 Hi

I'm new to coding. I'm a product designer starting to learn to code to help me build my ideas come to life.

I am practicing building a Chrome extension. I'm not getting anywhere, tried to ask on X too but had no luck finding the answer to this question.

How do you create a Chrome extension full sidebar? Just like the attached image (an example)? What do I need to do?

I appreciate the good souls! :)

DEV Community: KarenR

Vite preview not displaying the correct page

How to create a Chrome extension full sidebar?