NextJS 的服务器文件中的打字稿错误

Question

我正在使用以下软件包版本：

• 下一个 v8.1.1-canary.42
• @types/next v8.0.5

server.js

import next from 'next';
const app = next({ dev: isDevelopment });

tsconfig.json

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "alwaysStrict": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "jsx": "preserve",
    "lib": ["dom", "es2017"],
    "module": "commonjs",
    "moduleResolution": "node",
    "noEmit": true,
    "noFallthroughCasesInSwitch": true,
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "removeComments": true,
    "resolveJsonModule": true,
    "sourceMap": true,
    "strict": true,
    "target": "esnext"
  },
  "exclude": ["node_modules"]
}

我收到以下 Typescript 错误：

Cannot invoke an expression whose type lacks a call signature. Type 'typeof import(".../node_modules/next/types/index")' has no compatible call signatures.

我不明白这里发生了什么。谁能帮助解释这个错误以及为什么这个流行包的核心功能之一会抛出它？我是否需要为缺少的东西手动扩展一些 Next 类型？

Answer 1

由于您的代码实际上适用于next v8.1.0（最新发布的版本）和@types/next v8.0.0，但与next v8.1.1-canary.42 中断，这可能只是意味着他们引入一些不兼容的更改使现有的.d.ts 文件过时。 @types/* 包由独立志愿者维护，用于那些不费心发布 TypeScript 类型定义的包，并且通常更新较晚，尤其是在我们谈论一些预发布版本时。

您可以考虑使用最新版本的next (v8.1.0) 吗？

作为替代方案，您可以尝试了解版本之间的变化，并生成您自己的 .d.ts 文件以供使用。