Intellisense doesn't work when I import the module from a cdn. vscode

user_18283119 0
Viewed 638

I was importing three js this way:

import { WebGLRenderer } from 'three';

and the auto complete works fine (image 1).

But when I import from a cdn:

import { WebGLRenderer } from 'https://cdn.skypack.dev/three';

The auto complete doesnt works (image 2)

image 1: image 1

image 2: image 2

three.js visual-studio-code cdn autocomplete javascript
1 Answers

For this you'll need to install @types/three.
Then you can use jsconfig.json to alias https://cdn.skypack.dev/* to @types/*, because this way vscode / typescript knows how to interpret these urls.

jsconfig.json:

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "https://cdn.skypack.dev/*": ["./node_modules/@types/*"]
        }
    }
}

More about this: https://www.typescriptlang.org/tsconfig#paths

user_132497430
Related