How can I avoid the "an import path cannot end with .ts extension" error in VSCode?

user_7329832 0
Viewed 6854

I'm using Visual Studio Code to write Deno programs.

The import statement in Deno contains the .ts extension, e.g.

import { Application } from "https://deno.land/x/oak/mod.ts";

which is marked as a problem in VS-Code, error code ts(2691):

enter image description here

Despite the shown error, the program works fine, but I want to avoid the error message, because there's nothing wrong.

How can this be solved?

deno visual-studio-code typescript
1 Answers

This can be solved by installing and configuring the Deno Extensions for VSCode.

Press CtrlShiftX to open the extensions view, then type "deno" and click on the entry name "Deno - Deno support for VSCode":

enter image description here

and install it.

After installation, you can choose any one of following methods:

  • Go to settings: (Ctrl, or　Cmd, on MacOSX), select "Extensions>Deno" and click on the checkbox under "Deno:Enable" and "Deno:lint"
    • Just enable workspace settings only
    • Don't enable User settings if you have other Non node projects

enter image description here enter image description here

  • Or, as @hong4rc mentioned, open the Command Palette(Ctrl+Shift+P) and select Deno:initialize

Either method creates a folder named .vscode and a file settings.json with the following lines in your workspace project ( workspace settings):

{
  "deno.enable": true,
  "deno.lint": true
}

In both cases, after restarting Visual Studio Code, the error should be gone.

user_73298320
Related