Trung tâm cá nhân
sách gpt4 ăn đã đi

typescript - 为此模块添加类型定义的正确方法是什么

In lại 作者：搜寻专家 更新时间：2023-10-30 21:12:59 25 4
mua khóa gpt4 giày nike

我有一个没有任何 typescript 定义的模块，我在我的代码中这样使用它:

import * as Switch from 'react-bootstrap-switch';


render () {
 return 
}

bởi vì react-bootstrap-switch 没有类型定义，我正在尝试为它创建一个。

我试过:

declare module 'react-bootstrap-switch'
{
    import React = require("react");
    class Switch extends React.Component<{onColor?:string},{} >
    {}

    export = Switch;
}

然而，这会导致原始代码中的 import 语句抛出此错误:

error TS2497: Module ''react-bootstrap-switch'' resolves to a non-module entity and cannot be imported using this construct.

编写满足上面代码的模块定义的正确方法是什么？

câu trả lời hay nhất

nhập khẩu语句用于 .ts文件不适用于 .d.ts文件。对于那些你需要使用 ///标签或简单 import React = __React;类型导入。

这是我可以使用 react.d.ts 得到的结果文件和 React Switch源代码。

///
declare module 'react-bootstrap-switch'
{
    function Switch(): __React.ClassicComponentClass;

    export = Switch;
}

你怎么用typescript，和你怎么写JS库的定义文件，是完全不同的两件事。如果这对您不起作用，那么我想我可以撤下存储库并进行构建。

gia hạn

好的，我有一个工作版本

declare module 'react-bootstrap-switch'{
    interface SwitchProps{
        onColor?: string
    }

    class Switch extends __React.Component{}

    export = Switch;
}

用法 import Switch = require('react-bootstrap-switch');

在你评论说你不能切换导入之前......

请阅读答案đây解释原因。请运行代码。您会看到库的 JS 版本仍按预期加载并运行。

我需要信用this postVà this definition感谢他们在这方面的帮助。

我的编译测试文件:

import * as React from 'react';
import Switch = require('react-bootstrap-switch');

var b = 
;
var a = ;

结果输出:

var React = require('react');
var Switch = require('react-bootstrap-switch');
var b = React.createElement("div", null);
var a = React.createElement(Switch, null);

如您所见，两种导入的输出都是相同的，并且构建没有错误。

和 tsconfig.js:

{
    "Tùy chọn biên dịch": {
        "mô-đun": "commonjs",
        "target": "es3",
        "noImplicitAny": false,
        "outDir": "built",
        "rootDir": ".",
        "sourceMap": false,
        "moduleResolution": "node",
        "jsx": "react"
    },
    "exclude": [
        "node_modules"
    ]
}

关于typescript - 为此模块添加类型定义的正确方法是什么，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34972154/

25 4 0
Đề xuất bài viết: java - Android - 实现图标包支持
Đề xuất bài viết: java - 在 Selenium WebDriver 中捕获 JavaScript 错误——独立于浏览器
Đề xuất bài viết: java - Maven 插件创建可执行 jar 与未解压的依赖项 (jar with jars)
Đề xuất bài viết: java - 如何阻止 Eclipse 移动光标以关闭 java 括号？
搜寻专家
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress