The auto-import pletion feature sometimes adds the .js extension, but not all the time. However, without the extension in the TypeScript source, the tsc piler won't add the extension to the emitted JavaScript file which can create run-time issues such as module not found error.

For details of the problem please refer to: Appending .js extension on relative import statements during Typescript pilation (ES6 modules).

The question is: is there any way to configure the automatic import pletion feature to force to append the.js extension in the import statements? Or are there any add-ons or VS Code extensions that can achieve this?

This minor thing has been extremely annoying at times!

The auto-import pletion feature sometimes adds the .js extension, but not all the time. However, without the extension in the TypeScript source, the tsc piler won't add the extension to the emitted JavaScript file which can create run-time issues such as module not found error.

For details of the problem please refer to: Appending .js extension on relative import statements during Typescript pilation (ES6 modules).

The question is: is there any way to configure the automatic import pletion feature to force to append the.js extension in the import statements? Or are there any add-ons or VS Code extensions that can achieve this?

This minor thing has been extremely annoying at times!

• javascript
• node.js
• typescript
• visual-studio-code

Share Improve this question Follow asked Oct 8, 2020 at 21:29 user3330840user3330840 7,4091111 gold badges3131 silver badges4242 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 13

I found that now the VSCode has it in the Preferences or Settings Ctrl + , under the entry: "typescript.preferences.importModuleSpecifierEnding": "js",.

Sublime Text version

Install package "LSP-typescript". Click Preferences -> Package Settings -> LSP -> Servers -> LSP-typescript. Add following json

{
  "initializationOptions": {
    "preferences": {
      "importModuleSpecifierEnding": "js"
    }
  }
}

Or use this in tsconfig

{
  "pilerOptions": {
    "moduleResolution": "nodenext", // <- Necessary to get imports with .js
  },
  "exclude": ["node_modules"]
}