My process of importing three.js looked like this:
import { WebGLRenderer } from 'three';
Initially, the autocomplete feature was working perfectly fine (displayed in image 1).
However, when I tried to import from a CDN using the following syntax:
import { WebGLRenderer } from 'https://cdn.skypack.dev/three';
The autocomplete functionality stopped working as expected (shown in image 2)
image 1:
image 2: