找不到Nuxt的类型定义,但是它们确实存在并已安装

时间:2019-10-15 09:42:58

标签: node.js typescript nuxt

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.

enter image description here

@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"
    ]
  }
}

0 个答案:

没有答案
相关问题