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

Question

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):

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?

score 51 · Accepted Answer · edited Jun 20 '22 at 13:20

51

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":

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

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.

edited Jun 20 '22 at 13:20

ahuigo

2,929
2
25
45

answered Dec 02 '20 at 20:17

jps

20,041
15
75
79

3

You can run `Ctrl+Shift+P` and type deno init (it auto enable another setting, just remove if you want) – hong4rc Dec 07 '20 at 02:21
@hong4rc thanks, so you can switch on nd off the extension with a command.I tried but got an error message "Init failed, Source: Deno (Extension)". Any idea why? – jps Dec 08 '20 at 09:13
Try this: disable `tslint`(if you installed), reopen VScode, check your project in the normal disk (!= C) – hong4rc Dec 08 '20 at 09:37
Wow! Works just as expected! – RealZombs Mar 29 '21 at 08:48
12

this does not resolve it for me. – phifa Dec 10 '21 at 11:19
2

As @hong4rc mentioned, Ctrl+Shift+P and type `deno: initialize workspace` resolved for me. – ahuigo Jun 18 '22 at 05:47
I was able to resolve this by disabling `typescript.tsserver.experimental.enableProjectDiagnostics` in the workspace. – Valentin Feb 26 '23 at 16:35

score 4 · Answer 2 · answered May 25 '23 at 13:58

Since this is the first question that pops up in search I will add my answer here although it was not related to Deno, but with Webdriver.

Adding allowImportingTsExtensions in tsconfig.json solved the issue.

My full answer here: https://stackoverflow.com/a/76332913/1778834

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

2 Answers2

Linked

Related