无法使用 Typescript 支持构建 Nuxt答案

【问题标题】：Unable to build Nuxt with Typescript support无法使用 Typescript 支持构建 Nuxt
【发布时间】：2019-08-30 10:57:32
【问题描述】：

这是我第一次尝试使用 Nuxt (v 2.6.1) 的 Typescript。我使用 create-nuxt-app 进行了全新构建，并遵循了Typescript Support 的官方指南

npx create-nuxt-app first-app
cd first-app
npm install -D @nuxt/typescript
echo "{}" > tsconfig.json
npm run dev

Typescript 指南进一步说：

信息：项目中存在 tsconfig.json 让 Nuxt.js 知道你正在运行一个 TypeScript 项目。

此文件将自动更新为默认值运行 nuxt 命令的时间。

问题：

【问题讨论】：

【解决方案1】：

几乎没有问题。首先你错过了ts-node 的安装。

另外请创建一个没有任何内容的空 tsconfig.json 文件。文档已更新并在此处提及。这应该可以解决您的问题

【讨论】：

这两个问题仍然存在。 tsconfig.json 未更新，/pages/test.ts 未转译为 .js 文件。现在，我还收到一个新错误“ReferenceError: window is not defined”，它可能来自 Vuetify 库。建议：create-nuxt-app 应该可以选择在 ts 和 js 构建之间进行选择 - 就像 vue-cli 一样。
@Besto 我已经尝试过，并且使用空的 tsconfig 它会更新。再次检查
是的，当我尝试在 create-nuxt-app 中没有其他选项时，它确实会创建 tsconfig。然后我尝试了各种其他组合。当我们选择 Express 作为我们的自定义服务器时，问题就出现了。但是，即使创建了 tsconfig，我也没有看到 .ts 文件被转换为 .js 文件。
@Besto 页面应该是 vue 文件，而不是 ts，见 nuxt 示例github.com/nuxt/nuxt.js/blob/dev/examples/typescript/pages/…
哦！我想既然我们在 nuxt 中使用 webpack，它会自动将所有 ts 文件转换为 js，然后允许我们在制作 bundle 之前将这些 js 文件导入到我们的 vue 模板中。你能告诉我如何实现这一目标吗？