How to import JavaScript files (import JS File into other JS File)

Показать описание

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:

👉 Discord: all my courses have a private Discord where I actively participate

⏱️ Timestamps:
0:00 - Intro
0:25 - Create second JavaScript file
1:39 - Export
2:00 - Import
2:44 - Error (solution: type='module')
3:06 - Error (solution: Live Server)
3:53 - Default export
4:37 - ES Modules vs CommonJS Modules

#esmodules #esm #jsimport #jsexport #javascript

Рекомендации по теме

Комментарии

Bro I was legit so frustrated and confused for the past 2 hours cuz there weren’t any other tutorials for this. Thank you so much bro

johnnyissuper

These guys manage to develop the overall most versatile, all around useful language for something as important as the web. But they struggle in making something so fundamental like importing a file (even C does it better) more intuitive and less annoying.

Bernardo_

Thanks for this video. I was struggling for the past couple of hours because of LiveServer. I was also putting type="module" in the wrong script (the common script).

funtimewithsaraandfriends

i just loved how to showed us all the errors

IndraTags

Great! Just make sure your filepath is right and you don't forget .js at the end of the js files name, like I did for the last 30 Minutes :D:D

sunraiii

Thanks so much! I was missing the type=module in my html file.

niat.

Thank you! Had problem with that export/import.

Hubson

Thanks, I was having a hard on time with why I was getting the CORS error.

frantzbazile

What color settings do you have? Love the golden/yellow looking text in your sidebar

jp

You are incredible man, thank you so much!!!

gabrielzanella

Bro can u pls say that how to import if there is many files and folders some are keeping.../ . / ../ I have more confusion in it

User-fh

How to import JavaScript files (import JS File into other JS File)

How to import JavaScript files (import JS File into other JS File)

The Best Way to Include JavaScript Files in Your HTML — Modules & Defer Tutorial

7.5: Multiple js Files - p5.js Tutorial

use multiple js files

Using External Files | Javascript | Tutorial 4

How to use ES6 Modules to separate your javascript into multiple files #shorts

JavaScript Modules in 100 Seconds

[4] QML and Javascript : Direct Import of Javascript Files

VueJS, TailwindCSS & FrappeUI Training - Day 4 | Vue Router & Starting the E-commerce Projec...

How to import JavaScript files in NodeJS using file paths from project root? (instead of relative...

Practical Javascript (v3) - Link multiple Javascript files into one

How to import files and run JS scripts - Windows93

How to Import Js files to Node application

How to Export and Import Multiple Functions between JavaScript Files on YouTube.

How To Visualize JSON Files

How to Read and Write to Text Files in JavaScript

JavaScript Modules - Correctly importing and exporting from files - ES Modules & CommonJS

Don't put your types in .d.ts files

VS Code tips — Automatically update import paths when moving files in JavaScript and TypeScript

Upload Files with Fetch - JavaScript Tutorial

Including JavaScript Files in Another JavaScript File

Qml Tutorial Part 22 || Importing Javascript files

Adding custom CSS & JS files to Laravel Vite Configurations | Laravel | Vite

HTML : How do you import multiple javascript files in HTML index file without the bloat?