帶有 Javascript 和 Typescript 的 Next.js 應用程序

Question

我有一個用 Javascript 編寫的 Next.js 應用程序，並計划開始用 Typescript 編寫新代碼。 我嘗試通過在項目根目錄下運行touch tsconfig.json將 Typescript 添加到項目中

npm install --save-dev typescript @types/react @types/node

當我嘗試運行npm run dev出現錯誤

error - ./pages/_app.js:6:0
Module not found: Can't resolve 'src/assets/styles/index.scss'

幾乎所有模塊都無法導入。

我需要配置什么才能同時使用 Javascript 和 Typescript？

Answer 1

停止並重新啟動服務器應該可以解決大部分模塊導入問題。

SCSS 應該准備好了，但如果它在重啟后繼續，在 typescript 聲明文件中聲明它應該可以解決它。

// index.d.ts
declare module '*.scss';

Answer 2

添加到tsconfig.json

"compilerOptions": {
    ...
    "baseUrl": ".",
    ...
}

解決了這個