Nuxt.js后端入口点的几乎惯用代码:
const express = require('express');
const consola = require('consola');
const { Nuxt, Builder } = require('nuxt');
const app = require('./app');
const config = require('../nuxt.config.js');
config.dev = !(process.env.NODE_ENV === 'production');
async function start() {
const nuxt = new Nuxt(config);
const {
host = process.env.HOST || '127.0.0.1',
port = process.env.PORT || 3000
} = nuxt.options.server;
if (config.dev) {
const builder = new Builder(nuxt);
await builder.build();
}
app.use(nuxt.render);
app.listen(port, host, () => {
consola.ready({
message: `Server listening on http://${host}:${port}`,
badge: true
})
})
}
start();
我需要用TypeScript重写它,因此必须注释所有类型。
这是多重困难,但是在这个问题中,我将阐明import { Nuxt, Builder } from "nuxt"
行。
TypeScript编译器以及IDE告诉我:
Could not find a declaration file for module 'nuxt'.
'D:/PhpStorm/Tutorials/Nuxt-TypeScript/node_modules/nuxt/dist/nuxt.js'
implicitly has an 'any' type.
@types/nuxt
不存在,因为Nuxt提供了自己的类型:@nuxt/types
。我在tsconfig.json
中明确设置了这种类型:
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"moduleResolution": "node",
"lib": [
"esnext",
"esnext.asynciterable",
"dom"
],
"esModuleInterop": true,
"experimentalDecorators": true,
"sourceMap": true,
"strict": true,
"allowSyntheticDefaultImports": true,
"noEmit": true,
"baseUrl": ".",
"resolveJsonModule": true,
"paths": {
"~/*": ["./*"]
},
"types": [
"@types/node",
"@types/webpack-env",
"@nuxt/types",
"element-ui/types"
]
}
}