簡體   English   中英

如何設置 TypeScript、VScode、Yarn2、Fastify 項目

[英]How to setup TypeScript, VScode, Yarn2, Fastify project

我知道我以前解決過這個問題,但也許從那時起情況發生了變化。 我正在嘗試主要使用 fastify、在 TypeScript 中使用 VSCode 進行編碼以及使用 Yarn2 管理依賴項來設置一個新項目。

VSCode 告訴我它找不到 fastify。 盡管同時添加了 fastify 和 @types/node,它也找不到 Node 類型。 我已經嘗試了以下的許多排列和步驟,確保我使用的是 VSCode 工作區版本的 TypeScript,修改了 tsconfig.json 以使用節點 moduleResultion 等。以前工作的任何東西都不再工作了,但我沒有t 找到解決該問題的其他當前帖子或文檔。

我錯過了什么?

nvm install node               ## Install latest NodeJS
node --version > .nvmrc        ## Set the node version to use
yarn init -y                   ## Project initialization
yarn set version berry         ## Use yarn v2
yarn add --dev typescript      ## TypeScript all the way
yarn add --dev ts-node         ## Easier Ts script or task execution
yarn plugin import typescript  ## Magic?
yarn add --dev @types/node     ## Node types
yarn add --dev @yarnpkg/pnpify ## Emulate ./node_modules
yarn pnpify --sdk vscode       ## Setup workspace/environment     
yarn tsc --init -t ES2020      ## Generate tsconfig.json
yarn add fastify               ## Add fastify dep

在此處輸入圖像描述

在此處輸入圖像描述

包.json

{
  "name": "server",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "devDependencies": {
    "@yarnpkg/pnpify": "^2.2.1",
    "ts-node": "^9.0.0",
    "typescript": "^4.0.3"
  },
  "dependencies": {
    "fastify": "^3.4.1"
  }
}

更新:盡管回答了 VSCode 提示使用 TypeScript 的工作區版本,但我發現我仍然需要通過 ctrl+shift+p > 選擇 TypeScript 版本手動指定它... 這樣做之后,問題發生了一些變化。 無論導入語句如何,我現在都看到了命名空間問題: 在此處輸入圖像描述

我也在努力嘗試運行 fastify。事實證明,問題是你必須使用 yarn 節點(你的腳本名稱)來運行 fastify。由於新紗線擺脫了節點模塊目錄,因此找不到它。但是yarn做了一個工作,在那里運行“yarn node”修復了這個問題,但我不知道它是如何工作的。

"

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM