React - ssh2 模块错误：未捕获的类型错误：__webpack_require__(...).constants 未定义

问题描述

我正在尝试在我的 React 代码中使用 https://github.com/theophilusx/ssh2-sftp-client。我在 Uncaught TypeError: __webpack_require__(...).constants is undefined

收到 const Client = require('ssh2-sftp-client');

代码：

const StfpTransfer = props => {
    const filesToTransfer = props;
    
    const Client = require('ssh2-sftp-client');

    const config = {
      host: 'XX.XX.XX.XXXX',port: '22',username: '********',password: '********'
    };
    
    let sftp = new Client();
    
    sftp.connect(config)
      .then(() => {
        return sftp.list('/storage/share');
      })
      .then(data => {
        console.log(data);
      })
      .then(() => {
        sftp.end();
      })
      .catch(err => {
        console.error(err.message);
      });

}

export default StfpTransfer;

我正在使用 App.js 中的 StfpTransfer，并且在代码中只是首先尝试测试 sftp。

错误：

这是错误 https://github.com/mscdex/ssh2/blob/master/lib/protocol/zlib.js

的 zlib

我想知道我在这里做错了什么？使用纯 javascript 模块或其他一些基本错误。我是 React/Nodejs 的初学者，因此欢迎提出任何建议。

编辑，如果有帮助，这里还有 package.json：

{
  "name": "draganddrop","version": "0.1.0","private": true,"dependencies": {
    "@testing-library/jest-dom": "^5.14.1","@testing-library/react": "^11.2.7","@testing-library/user-event": "^12.8.3","react": "^17.0.2","react-dom": "^17.0.2","react-scripts": "4.0.3","ssh2-sftp-client": "^7.0.0","web-vitals": "^1.1.2"
  },"scripts": {
    "start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"
  },"eslintConfig": {
    "extends": [
      "react-app","react-app/jest"
    ]
  },"browserslist": {
    "production": [
      ">0.2%","not dead","not op_mini all"
    ],"development": [
      "last 1 chrome version","last 1 firefox version","last 1 safari version"
    ]
  }
}

解决方法

好吧，答案很简单。

这里我在浏览器端运行 ssh2-sftp-client，它只在服务器端工作。

所以为了解决这个问题，我需要制作 server.js 并运行一个服务器，例如在端口 8000 上并使用 expressjs 框架，然后在此处运行脚本，例如对服务器的 post 命令。