带有 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": ".",
    ...
}

解决了这个