网站搜索

javascript - Angular 的 HashId


我正在尝试在一个最新版本的 Angular 项目中使用 http://hashids.org。

我找到了这个定义文件:

// Type definitions for Hashids.js 1.x
// Project: https://github.com/ivanakimov/hashids.node.js
// Definitions by: Paulo Cesar <https://github.com/pocesar>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

/// <reference types="node" />

export default class Hashids {
    private version: string;
    private minAlphabetLength: number;
    private sepDiv: number;
    private guardDiv: number;
    private errorAlphabetLength: string;
    private errorAlphabetSpace: string;
    private alphabet: string[];
    private seps: string;
    private minHashLength: number;
    private salt: string;
    constructor(salt: string, minHashLength?: number, alphabet?: string);
    public decode(hash: string): number[];
    public encode(arg: number): string;
    public encode(arg: number[]): string;
    public encode(...args: number[]): string;
    public encodeHex(str: string): string;
    public decodeHex(hash: string): string;
    public hash(input: number, alphabet: string): string;
    public unhash(input: string[], alphabet: string): number;
} 

但是当我尝试在我的 Angular 项目中使用这段代码时:

import * as Hashids from 'hashids';
export abstract class BaseService {
     protected getId(id: any) {
            const x = new Hashids('somesecretec');
            return x.encode(id);
     }
}

我收到了这个错误:

错误 TS2351:无法对缺少调用或构造签名的表达式使用 'new'。

在我的本地环境中它可以正常工作,没有问题。但我尝试在生产环境中编译,它就不行了。

答案#1

问题出在 Hashids 的导入方式上,请使用以下选项将 hashids 导入为默认

import Hashids from 'hashids';

使用 * 或 {} 进行命名导入,而 Hashids 在作为命名导入(除默认名称外)导入时会抛出以下错误

error TS2351: Cannot use 'new' with an expression whose type lacks a call or construct signature.

使用默认名称(因为默认导出也是名为 default 的命名导出)

import {default as Hashids} from "hashids";