如何在 React 中使用 Typed 包？答案

【问题标题】：How can I use Typed package in React?如何在 React 中使用 Typed 包？
【发布时间】：2020-04-04 02:25:12
【问题描述】：

我想将 idm_db 包与 Typescript 和 React 一起使用。在其文档中，它只解释了nodejs，也不支持类型。幸运的是，有@types/ibm_db，我认为它支持类型，但我不知道如何使用这个。

在nodejs中，

var ibmdb = require('ibm_db');

ibmdb.open("DATABASE=<dbname>;HOSTNAME=<myhost>;UID=db2user;PWD=password;PORT=<dbport>;PROTOCOL=TCPIP", function (err,conn) {
  if (err) return console.log(err);

  conn.query('select 1 from sysibm.sysdummy1', function (err, data) {
    if (err) console.log(err);
    else console.log(data);

    conn.close(function () {
      console.log('done');
    });
  });
});

node ibm_db

在此之后，我只是更改了第一行，从var ibmdb = require('ibm_db'); 到import * asibmdb from 'ibm_db'。但是，它不断抛出与 webpack 相关的错误。（此时我不使用 webpack）。它可以编译，但页面显示错误消息。

所以，我的问题是，如何以 React 和 Typescript 的方式使用这个包？提前致谢！

编辑它引发了很多错误，我发布了我认为可能导致的错误。

  28 |                      path.resolve(__dirname, '../installer/clidriver/lib');
  29 | }
  30 | 
> 31 | var odbc = require("bindings")("odbc_bindings")
  32 |   , SimpleQueue = require("./simple-queue")
  33 |   , util = require("util")
  34 |   , Readable = require('stream').Readable

199 |   // Avoids an infinite loop in rare cases, like the REPL
  200 |   dir = process.cwd();
  201 | }
> 202 | if (
      | ^  203 |   exists(join(dir, 'package.json')) ||
  204 |   exists(join(dir, 'node_modules'))
  205 | ) {

  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {

【问题讨论】：

您遇到什么错误？ “不断抛出错误”，那是什么错误？
@basic 我在页面上添加了一些错误
你是如何设置你的项目的？我实际上遇到了其他问题。 npx create-react-app jayko-app --template typescript 然后cd jayko-app npm start 工作正常。一旦我安装了npm install ibm_db 并且什么也没做，我开始收到一个反应声明文件错误。
@chrisbyte 我从create-reat-app --typescript开始。我也有npm install --save-dev ibm_db 和npm install @types/ibm_db --save。我认为声明文件错误来自打字稿。纯 ibm_db 没有类型。所以我安装了@types/ibm_db。

标签： javascript node.js reactjs db2

【解决方案1】：

对于这样的事情，我可能会使用

import * as ibmdb from 'ibm_db';

这有帮助吗？部分参考：https://stackoverflow.com/a/43172907/8678978

当我在 React 中使用 moment 包和 typescript 时遇到同样的问题

【讨论】：

我也试过那个。你使用import 来使用moment 是否有效？
是的，我会像import * as moment from 'moment';一样使用它
我做到了，但没有运气。