A horrifically deep dive into TypeScript module resolution

Getting TypeScript to find the modules you’re importing can be surprisingly tricky. It is controlled by the moduleResolution configuration option, file extensions, and even the syntax you use.

This talk:
1) Breaks down what module resolution means in TypeScript
2) Explains the various options you can set
3) Shows how to debug module resolution problems
4) Dives in maybe a bit too deep to explore how it works in different situations

We also find out about some current resolution shortcomings when using TypeScript with a bundler, along with proposed improvements happening within TypeScript.

The examples repository is https://github.com/IanVS/ts-module-re...

Ian VanSchooten is the lead frontend developer at Defined Networking (https://www.defined.net/) and a core Storybook team member focused on Vite and pnpm support.

00:00 - Introduction
02:18 - What is Module Resolution
05:43 - TypeScript options
07:25 - "Classic" moduleResolution
08:27 - "Node" moduleResolution
11:51 - "Node16" moduleResolution
13:26 - Examples repository
14:09 - Node: Relative
17:48 - Node: Non-relative
20:32 - Node: Package
23:44 - Node: Index
24:28 - Node: JavaScript
29:48 - Node: Mixed JS & TS
32:23 - Node: TypesVersions
37:52 - Node16: New rules
41:34 - Node16: Relative
45:54 - Node16: Export map
53:06 - Ambient types: Definitely Typed
55:26 - Ambient types: typesRoot
56:39 - New moduleResolution options
59:24 - Summary
1:00:09 - Questions

Discord:   / discord  
Twitter:   / mitypescript  
Mastodon: https://fosstodon.org/@MichiganTypeSc...
Instagram:   / michigantypescript  
TikTok:   / michigantypescript