【deno】「An import path cannot end with a '. ts'extension.」의 에러를 회피하는 방법

개요

아래 그림과 같이 'An import path cannot end with a '.ts' extension...'라는 오류가 발생하는 문제를 피하고 싶다.

전제

Vim 등의 에디터를 이용하는 경우를 상정하고 있습니다.
vscode를 이용하는 경우는 vscode-deno 플러그인을 도입하는 것으로 해결한다고 생각합니다.

환경

deno: v0.20.0

dem : v0.2.0

dem.json

{
  "version": "0.2.0",
  "modules": [
    {
      "protocol": "https",
      "path": "deno.land/std",
      "version": "v0.20.0",
      "files": [
        "/fs/path.ts"
      ]
    }
  ]
}

아래와 같이 tsconfig.json을 준비했지만 오류가 발생했습니다.
types/deno.d.ts는 $ deno types의 실행 결과를 저장합니다.

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "baseUrl": ".",
    "paths": {
      "deno": ["./types/deno.d.ts"],
      "https://*": [
        "../../../.cache/deno/deps/https/*"
      ],
      "http://*": [
        "../../../.cache/deno/deps/http/*"
      ]
    }
  }
}

해결책

이하의 순서로 해결하였다.

1. 에서의 _ls_p ㅅ 긴을 설치합니다.

$ yarn add --dev deno_ls_plugin typescript

2. tsconfig.json을 편집하고 deno_ls_plugin을 읽도록 설정합니다.

{
   "compilerOptions": {
     ... 省略 ...
    },
    "plugins": [{ "name": "deno_ls_plugin" }]
   }
 }

"plugins": [{ "name": "deno_ls_plugin" }] 의 행을 추기했더니, 해결했다.

추가 (2019/10/17)

denopkg.com에서 모듈을 다운로드하려고했는데 비슷한 이벤트가 발생했습니다.
typescript-deno-plugin을 도입하여 해결한다.