如何将命令mysqlx导入我的React应用程序？

我正在尝试将命令mysqlx导入我的React应用程序

我尝试了几种不同的方法，但它无法识别控制台中的命令mysqlx。如果不将其导入应用程序，我似乎无法调用它。我对这方面还不太熟悉，所以这可能很简单。这些都在本地windows计算机上

import mysqlx from '@mysql/xdevapi'

在我尝试运行应用程序之后。请参阅下面的错误

TypeError: Cannot read property 'toString' of undefined
(anonymous function)
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/node_modules/@mysql/xdevapi/lib/Protocol/Util/systemAttributes.js:101
   98 | }
   99 | 
  100 | const clientAttributes = {
> 101 |   _pid: process.pid.toString(),
  102 |   _platform: platformName(),
  103 |   _os: osName(),
  104 |   _source_host: sourceHostName(),
View compiled
./node_modules/@mysql/xdevapi/lib/Protocol/Util/systemAttributes.js
http://localhost:3000/static/js/0.chunk.js:44169:30
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
▼ 2 stack frames were expanded.
(anonymous function)
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/node_modules/@mysql/xdevapi/lib/Protocol/Client.js:68
./node_modules/@mysql/xdevapi/lib/Protocol/Client.js
http://localhost:3000/static/js/0.chunk.js:22283:30
▲ 2 stack frames were expanded.
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
./node_modules/@mysql/xdevapi/lib/DevAPI/Session.js
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/node_modules/@mysql/xdevapi/lib/DevAPI/Session.js:32
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
./node_modules/@mysql/xdevapi/lib/DevAPI/ConnectionPool.js
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/node_modules/@mysql/xdevapi/lib/DevAPI/ConnectionPool.js:32
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
./node_modules/@mysql/xdevapi/lib/DevAPI/Client.js
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/node_modules/@mysql/xdevapi/lib/DevAPI/Client.js:32
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
./node_modules/@mysql/xdevapi/index.js
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/node_modules/@mysql/xdevapi/index.js:36
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
Module../src/App.js
http://localhost:3000/static/js/main.chunk.js:91:72
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
Module../src/index.js
http://localhost:3000/static/js/main.chunk.js:220:62
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
fn
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:150
  147 |         );
  148 |         hotCurrentParents = [];
  149 |     }
> 150 |     return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |     return {
View compiled
0
http://localhost:3000/static/js/main.chunk.js:359:18
__webpack_require__
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:785
  782 | };
  783 | 
  784 | // Execute the module function
> 785 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  786 | 
  787 | // Flag the module as loaded
  788 | module.l = true;
View compiled
checkDeferredModules
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:45
  42 |  }
  43 |  if(fulfilled) {
  44 |      deferredModules.splice(i--, 1);
> 45 |      result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
     | ^  46 |  }
  47 | }
  48 | 
View compiled
Array.webpackJsonpCallback [as push]
C:/Users/brian/OneDrive/Desktop/nms-appV4/nms-app/webpack/bootstrap:32
  29 |  deferredModules.push.apply(deferredModules, executeModules || []);
  30 | 
  31 |  // run deferred modules when all chunks ready
> 32 |  return checkDeferredModules();
     | ^  33 | };
  34 | function checkDeferredModules() {
  35 |  var result;
View compiled
(anonymous function)
http://localhost:3000/static/js/main.chunk.js:1:67
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.

---

此处提供的信息不多，但基于您的错误：

process.pid

未定义。你必须弄清楚为什么这是未定义的。也有类似的问题：

---

此处提供的信息不多，但基于您的错误：

process.pid

未定义。你必须弄清楚为什么这是未定义的。也有类似的问题：

---

我不明白这是否是运行在Electron或普通浏览器web应用程序上的东西，无论如何，您似乎没有运行Node.js，而是运行其他具有

流程的js环境。如果它是电子，那么使用
节点
作为
目标
，如第一个答案链接的答案中所述，应该可以做到这一点。如果它是一个普通浏览器web应用程序，它将无法工作。
我不知道这是运行在Electron还是普通浏览器web应用程序上，无论如何，您似乎没有运行Node.js，而是运行其他一些js环境，它确实有
进程
API。如果它是电子，那么使用
节点
作为
目标
，如第一个答案链接的答案中所述，应该可以做到这一点。如果它是一个普通浏览器web应用程序，它将无法工作。
我找到了它，我使用express创建了一个新路由，并能够通过route.use（）函数连接数据库

有关后续问题，请访问：

我找到了答案，我使用express创建了一个新路由，并能够通过route.use（）函数连接数据库

有关后续问题，请访问：

您能否将发生错误的代码包括在内<代码>systemAttributes.js

第101行。编辑，我看到这是来自node_模块。json中有什么？这是我转到该文件时提取的

const clientAttributes={u-pid:process.pid.toString（），\u-platformName（），\u-os:osName（），\u-source\u-host:sourceHostName（），\u-client\u-name:'mysql-connector-nodejs'，\u-client\u-version:pkg.version，\u-client\u-license:pkg.license}；module.exports=函数（）{return clientAttributes；}

在我的软件包Json文件夹中

{“name”：“nms应用程序”，“版本”：“0.1.0”，“private”：“true”，“dependencies”：{“@mysql/xdevapi”：“^8.0.18”，“bootstrap”：“^4.3.1”，“jquery”：“^3.4.1”，“popper.js”：“^1.16.0”，“react”：“^16.11.0”，“react dom”：“^16.11.0”，“react popper”：“^1.3.4”，“react dom”：“^5.1.2”，“反应脚本”：“3.2.0”，“反应过渡组”：“^4.3.0”，“反应带”：“^8.1.1”，“类型脚本”：“^3.6.4”}

你能把发生错误的代码包括进来吗？

systemAttributes.js

在第101行。编辑，我看到它来自node_模块。你的包中有什么。json？这是我转到该文件

const clientAttribute={u-pid:process.pid.toString（），\u-platformName（），\u-os:osName（）时提取的内容，\u source\u host:sourceHostName（），\u client\u name:'mysql connector nodejs'，\u client\u version:pkg.version，\u client\u license:pkg.license}；module.exports=function（）{return clientAttributes；}；

在我的包Json文件夹

{name:“nms app”，“version:“0.1.0”，“private”：true，“依赖项”：{“@mysql/xdevapi”：“^8.0.18”，“引导程序”：“^4.3.1”，“jquery”：“^3.4.1”，“popper.js”：“^1.16.0”，“react”：“^16.11.0”，“react dom”：“^16.11.0”，“react popper”：“^1.3.4”，“react路由器dom”：“^5.1.2”，“react脚本”：“3.2.0”，“react过渡组”：“^4.3.0”，“react-Strap”：“^8.1.1.1”，“typescript”：“^3.6.4”"   }

我不认为这是问题所在，我搜索了整个文件夹中的单词electron，它只有一个名为electron to chromium plug-in的Thread模块。在使用npx create react app后，我确实使用了npm包将我的Thread.lock文件更改为Json文件。然后插入上面列出的所有依赖项。然后尝试导入mysqlx将组件写入应用程序以连接到MYSQL数据库。我希望这会有所帮助。我不认为这是问题所在，我搜索了整个文件夹中的单词electron，它只有一个名为electron to chromium插件的Thread模块。在使用npx create react应用程序后，我使用了npm包将我的Thread.lock文件更改为Json文件。并且然后插入上面列出的所有依赖项。然后尝试将mysqlx导入应用程序以编写连接到MYSQL数据库的组件。我希望这会有所帮助。您是否有一个逐步的过程来将@MYSQL/xdevapi中的函数添加到React开发的应用程序/网站？这与React无关。底层驱动程序代码使用Node.js TCP/TLS socket API与MySQL服务器对话，因此它在浏览器中不起作用，除非有基于WebSocket或其他网络级浏览器API的垫片。我不知道，因为我并不真正了解前端，但谁知道呢。在任何情况下，驱动程序都是用于Node.js引擎，而不是任何JavaScript引擎环境。您是否有一个逐步将@mysql/xdevapi函数添加到React开发的应用程序/网站的过程？它与React无关。底层驱动程序代码使用Node.js TCP/TLS socket API与mysql服务器进行通信，因此它在浏览器中不起作用，除非有基于WebSocket或其他应用程序的垫片网络级浏览器API。我不知道，因为我不太喜欢前端的东西，但谁知道呢。在任何情况下，驱动程序都是用来工作的