将 Require 语句替换为 Import 语句导致错误

Posted 2023-02-24

【中文标题】将 Require 语句替换为 Import 语句导致错误

【英文标题】：Replace Require statement with Import statement causing error

【发布时间】：2017-06-07 07:30:47

【问题描述】：

我正在尝试使用Ajv（并且我正在使用打字稿）。

import  Ajv  from "ajv";

let ajv = new Ajv(allErrors: true);

只是想知道为什么会出现此错误：

[ts] 'Ajv' 仅指一种类型，但在这里用作值。

我使用它的方式与文档相同：

var Ajv = require('ajv');
var ajv = new Ajv(); // options can be passed, e.g. allErrors: true
var validate = ajv.compile(schema);
var valid = validate(data);
if (!valid) console.log(validate.errors);

但是我使用 import 而不是 require 所以我没有设置变量，所以我猜这是导致错误的原因。使用import 而不是require 时如何定义使用变量？

所有代码：

import  Injectable  from "@angular/core";
import  Http, Headers, Response  from "@angular/http";
import  Configuration  from "../shared/configuration.model";
import  Observable  from "rxjs/Rx";
import  Ajv  from "ajv";

@Injectable()
export class ValidateJSONSchemaService 

    constructor(private http: Http)  

    public valJson(json, schemaFile: string) 
        return new Promise((resolve, reject) => 
            this.http.get(schemaFile)
                .toPromise()
                .then(fileContents => fileContents.json())
                .then((schema) => 
                    let ajv = new Ajv(allErrors: true);
                    ajv.validate(schema, json) ? 
                    resolve() :
                    reject(new Error("JSON does not conform to schema: " + ajv.errorsText()));
                , err => reject(
                    new Error("Unable to get schema file contents:" + err))
                );
        );
    ;

【问题讨论】：

你试过import * as Ajv from 'ajv'吗？

@elclanrs 成功了，谢谢

@elclanrs，您能否将您的评论升级为答案，以便其他人可以找到它？谢谢

【参考方案1】：

正如@elclanrs 所说，使用import * as Ajv from 'ajv'

不是想把功劳放在心上，但已经一年了，我几乎错过了答案，因为没有任何东西被标记为答案。

【参考方案2】：

只是为了在节点 10.x 中添加 TS 3.45 和 Angular 8.x，我必须使用

// @ts-ignore
import Ajv = require('ajv');

注意@ts-ignore，因为 TSlint 会抱怨以这种方式导入模块

然后在我的代码中，我可以正常使用它。

const ajv = new Ajv();

使用import * as Ajv from 'ajv' angular 无法正确构建，因为我一直看到此错误

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

Typescript 编译器建议您使用此导入方法解析

 Type originates at this import. A namespace-style import cannot be called or constructed, and will cause a failure at runtime. Consider using a default import or import require here instead.

希望这会帮助其他使用 angular 8 的人。

【参考方案3】：

我需要为一个节点项目导入它，我已经将它导入为：

import Ajv from 'ajv'

然后，您可以将其用作：

...
let ajv = new Ajv(allErrors: true);
...

我正在使用节点 v12.8.1。