Typescript:如何为npm模块使用本地类型声明文件

Question

在我的TypeScript代码中,我想要包含一个没有打字的NPM JavaScript模块.

import createPersist = require('vuex-localstorage');

因此编译器抱怨:

error TS7016: Could not find a declaration file for module 'vuex-localstorage'. '<path>\node_modules\vuex-localstorage\dist\index.js' implicitly has an 'any' type.

一种可能解决这一被设置"noImplicitAny"到false我tsconfig.json.但这是我不想要的.我想知道什么不是typechecked了.

所以我写了一个最小类型声明vuex-localstorage,我把它放在我的项目目录中:

interface PersistOptions {
    namespace?: string;
    initialState?: any;
    provider?: any;
    serialize?: (data:any) => string;
    deserialize?: (str:string) => any;
    expires?: number;
    merge?: (args:any[]) => any;
    reducer?: (state:any, paths:string[]) => any;
    paths?: string[];
}

declare function createPersist(options: PersistOptions): any;

export = createPersist;

但是我仍然有同样的错误.我尝试了几件事来让TypeScript编译器识别我的类型声明文件,但没有任何效果.

那我该怎么做？

Answer 1

你需要帮助编译器知道你写的是该模块.

试试这个:

declare module 'vuex-localstorage' {
    interface PersistOptions {
        namespace?: string;
        initialState?: any;
        provider?: any;
        serialize?: (data: any) => string;
        deserialize?: (str: string) => any;
        expires?: number;
        merge?: (args: any[]) => any;
        reducer?: (state: any, paths: string[]) => any;
        paths?: string[];
    }

    function createPersist(options: PersistOptions): any;

    export = createPersist;
}

不要忘记确保此声明文件包含在tsconfig.json中.