Is there ArgumentsType<T> like ReturnType<T> in Typescript?

See also questions close to this topic

• How to create functional component in vuejs with Typescript

  I want to create a functional component in vuejs with typescript. However, I'm not sure how to setup the generic part so that I can access my props. I have this so far:

  import Vue, { FunctionalComponentOptions } from 'vue';
  
  export default Vue.component<FunctionalComponentOptions>('MyWrapper', {
      functional: true,
      render: (createElement, context) => {
  
          if (context.props['flagSet']) {
              console.log('flagset');
          }
  
          return createElement('div', context.data, context.children);
      }
  });
  

  The error I get for the context.props line is Element implicitly has an 'any' type because type 'FunctionalComponentOptions<Record<string, any>, PropsDefinition<Record<string, any>>>' has no index signature.

  Which I'm not sure how to resolve.
• How to use in a project that is setup using Vue CLI@3 and TypeScript?

  td;dr How do I include vue-apollo in a project that already uses TypeScript?

  I created a fresh vue project using vue cli@3 and using TS.

  Then I added the vue-apollo plugin which modified my main.ts file to add

  apolloProvider: createProvider(),
  

  in the vue instance creation.

  But the compiler complains about this.

  Argument of type '{ router: VueRouter; store: Store<{}>; apolloProvider: { provide: () => {}; }; render: (h: CreateElement) => VNode; }' is not assignable to parameter of type 'ComponentOptions, DefaultMethods, DefaultComputed, PropsDefinition>, Record>'.

  Object literal may only specify known properties, and 'apolloProvider' does not exist in type 'ComponentOptions, DefaultMethods, DefaultComputed, PropsDefinition>, Record>'. [2345]

  I can see that there is a types directory in the vue-apollo package I fetched from npm but not sure how to use them.

  I also get the following

  [ts] Could not find a declaration file for module '@/vue-apollo'. '/Users/praveen/code/voicezen/repos/voicezen-ui/src/vue-apollo.js' implicitly has an 'any' type. [7016]

  for the following import in main.ts

  import { createProvider } from '@/vue-apollo';
  

  I get that this might be coming from the noImplicitAny rule but then changing the generated vue-apollo.js to vue-apollo.ts also doesn't solve the problems.

  Changing it to .ts removes the compiler errors from main.ts about the above two but then I get the following.

  Could not find a declaration file for module 'vue-cli-plugin-apollo/graphql-client'. '/Users/praveen/code/voicezen/repos/voicezen-ui/node_modules/vue-cli-plugin-apollo/graphql-client/index.js' implicitly has an 'any' type.

  for

  import {
    createApolloClient,
    restartWebsockets
  } from 'vue-cli-plugin-apollo/graphql-client';
  

  To fix this, I can add a module declaration in my typings like this but is that the right way?

  declare module 'vue-cli-plugin-apollo/graphql-client';
  

  The onLogin or onLogout method param apolloClient, in the generated vue-apollo.ts starts complaining about them being implicitly any type too.
• express-typescript-react: Send a json response after sending the view from the same request

  Following is my code for a simple express-server written in typescript.

  import express from 'express';
  import bodyParser from 'body-parser';
  import path from 'path';
  import fs from 'fs';
  import { DISTDIR } from './shared/constants';
  import LoginController from './controllers/login';
  // import * as test from '../../helpers/util';
  
  function name() {
    return {
      name: 'Amaan'
    };
  }
  class App {
    public express: express.Application;
  
    constructor() {
      this.express = express();
      this.middleware();
      this.routes();
    }
    private middleware(): void {
      this.express.use(function(req, res, next) {
        res.header('Access-Control-Allow-Origin', '*');
        res.header('Access-Control-Allow-Headers', '*');
        next();
      });
      this.express.use(bodyParser.json());
      this.express.use(bodyParser.urlencoded({ extended: false }));
    }
    private routes(): void {
      this.express.get('/', function(req, res) {
        res.sendFile(path.join(projectDir, 'dist', 'index.html'));
      });
    }
  }
  export default new App().express;
  

  As you can see here, I am sending back the index.html which contains my React code.

  this.express.get('/', function(req, res) {
    res.sendFile(path.join(projectDir, 'dist', 'index.html'));
  });
  

  Now I am facing a problem where I need to send a response from any API in that request as well. Something like this:

  function name() {
    return {
      name: 'Amaan'
    };
  }
  
  private routes(): void {
    this.express.get('/', function(_, res) {
    res.setHeader('Content-type', 'text/html');
    fs.readFile(path.resolve(DISTDIR, 'index.html'), null, (err, data) => {
      if (err) {
        res.writeHead(404);
        res.write('Not found');
      } else {
        res.write(data);
      }
      res.setHeader('Content-type', 'text/json');
      res.send(name());
      res.end();
    });
  });
  

  This is giving me a 'Can\'t set headers after they are sent.' error.

  Please tell me, how I can send a json response along with the view.