TypeScript Doesn't Read Type Definition Files?

[cemalgnlts]

Hi,

I created the following structure on the demo page:

tmp/
├── node_modules/
│   ├── @types/
│   │   └── logger/
│   │       └── index.d.ts
│   └── logger/
│       └── index.js
└── main.ts

My expectation was that when I imported the module named logger, it would find the type definition from the @types folder but it didn't work as I hoped.

node_modules/@types/logger/index.d.ts

declare class Logger {
    constructor(name: string);
    info(msg: string): void;
}

node_modules/logger/index.js

class Logger {
    constructor(name) {}
    info(msg) {}
}

export default Logger;

main.ts

import Logger from "logger";

const logger = new Logger();
logger.// No autocomplete.

Did I miss something?

[CGNonofr]

Does it work in VSCode?

[CGNonofr]

Did you change the server.host on the vite config? the typescript worker is only able to enable project wide intellisense if the assets domain is different from the main domain

[cemalgnlts]

Project Wide IntelliSense problem is only on the demo page (https://codingame.github.io/monaco-vscode-api/), not on the project I created, but it still doesn't care about type definitions.

I found some errors in the console:

First Errors	Next Errors

[CGNonofr]

I think the typescript project wide intellisense done client-side is still in "alpha" on the VSCode side. vscode.dev doesn't use it because it's only enabled when the ext-host iframe is served on another domain, which is not the case currently on vscode.dev

[cemalgnlts]

I found a strange solution. The folder structure should be like this:

node_modules/
└── logger/
    ├── dist/
    │   └── logger.d.ts
    ├── index.js
    └── package.json

package.json should be like this:

{
  "name": "logger",
  "version": "1.0.0",
  "types": "./dist/logger.d.ts"
}

There must be a dist folder, the name of the type file must be the same as the package file.

I also found out why you don't detect semantic errors. I changed the typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors setting to false and now autocomplete works and semantic errors are also shown.

Thanks!