vscode development - how to import a new npm module into vscode

[cwtuan]

I'm developing a new feature to vscode itself. I want to use a npm module(axios) in the source.

In the root of project,

npm install --save axios

Any in any typescript file of vscode,

import * as axios from 'axios';

There's error: [ts] Cannot find module 'axios'.

But when I import other npm which is already in original vscode package.json such as winreg. Then, the statementimport * as winreg from 'winreg'; doesn't show any error.

Question: How do I import a new npm module into vscode?

[mjbvz]

This seems like a bug when using "moduleResolution": "classic" as we do in VSCode. I've opened microsoft/TypeScript#18492 to track this. I'm tried putting together a workaround but was not able to come up with one. Someone on the TS team may have a better idea on what to do here

Closing as upstream

[mjbvz]

Hey @cwtuan, as a workaround try adding:

        "paths": {
            "axios": [
                "node_modules/axios/index.d.ts"
            ]
        }

to the src/tsconfig.json. I believe the alternative is to copy the axios/index.d.ts into src/typings

[cwtuan]

tsconfig.json:

{
	"compilerOptions": {
		"module": "amd",
		"moduleResolution": "classic",
		"noImplicitAny": false,
		"removeComments": false,
		"preserveConstEnums": true,
		"target": "es5",
		"sourceMap": false,
		"experimentalDecorators": true,
		"declaration": true,
		"paths": {
			"axios": [
				"node_modules/axios/index.d.ts"
			]
		}
	}
}

➜ cat "node_modules/axios/index.d.ts"

export interface AxiosTransformer {
  (data: any): any;
}

export interface AxiosAdapter {
  (config: AxiosRequestConfig): AxiosPromise;
}

export interface AxiosBasicCredentials {
  username: string;
  password: string;
}
......

But it still not work