Typescript Vite build problem | Scrimba | Page 1

hazy herald Aug 29, 2023, 6:20 AM

#

Hey Scrimmers! Long story short I have developed a project and my main problem is 2 typescript files that i want to connect with 2 different html files, i am using vanilla typescript build of VITE and when i run npm vite build it create a dist folder with a single javascript file, but it seems like this file isnt working as expected, as the build folder include the index-"gibrish" file i connected both build htmls to that file and ran it but seems like my second page of website is not working as expected, i am sharing the build folder ss and dev folder ss, if you are familiar with vite typescript or if you know that i am completely going wrong or smth, i would appreciate your help thanks

#

dev environment

#

and

#

#

build folder

hazy herald Aug 29, 2023, 9:43 AM

#

About a research of an hour I got to know that something is probably wrong with my vite settings

#

smoky glade Aug 29, 2023, 5:11 PM

#

Where is your vite.config.ts?

hazy herald Aug 30, 2023, 2:19 PM

#

It didn't got created i think we have to create em manually

#

Anyways what am i supposed to put inside if you can elaborate

#

Idk how to set vite settings also if you have resources to take a glance of how vite settings work thankx

wet quartz Aug 30, 2023, 5:07 PM

#

I would create another temporary project by running npm create vite@latest and selecting the options for TypeScript with no framework. Then compare the files in the temporary project with those in your project and you might be able to figure out what you need to change. 😊

smoky glade Aug 31, 2023, 5:05 AM

#

wet quartz I would create another temporary project by running `npm create vite@latest` and...

this one will give you a template for vite

#

you can try mine if you want to, just type this command cli.

npx @standalone-stacks/typescript-vite my-project

wet quartz Aug 31, 2023, 6:32 AM

#

smoky glade this one will give you a template for vite

Yes, but it walks you through the setup, and you can tell Vite that you are using TypeScript with no framework, and it will set everything up

smoky glade Aug 31, 2023, 8:18 AM

#

wet quartz Yes, but it walks you through the setup, and you can tell Vite that you are usin...

yes I made every project in typescript without any framework nor libraries, and I setup vite to my own version setup so I can easily use it wherever I go.

wet quartz Aug 31, 2023, 9:08 AM

#

Right, but for the average person who doesn't need your custom configuration, wouldn't it be easier to run npm create vite@latest, choose Vanilla, then choose TypeScript?

#Typescript Vite build problem