Javascript 将React添加到大型PHP项目（ZF3）

各位开发者好

我对NodeJS、React和JS技术缺乏了解，但我需要在大型PHP项目中实现基本的React函数

项目：

• 使用Zend Framework 3（MVC、分模块的项目等）
• PHP包由composer（composer.json）管理
• 在IBMi服务器上运行
• 最近添加的打字脚本
• 由npm管理的Javascript包

我对npm知之甚少，也不知道一些软件包需要什么才能工作

我想要实现的目标：

• 添加React以使用JS生成视图
• 通过package.json添加它
• 将其导入我的Typescript文件

我所尝试的：

package.json

{
  "name": "...",
  "homepage": "...",
  "dependencies": {
    "@types/jquery": "^3.3.31",
    "@types/node": "^12.12.14",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "jquery": "^3.3.1"
  },
  "repository": {
    "type": "git",
    "url": "..."
  }
}

index.ts

import React from 'react';
import ReactDOM from 'react-dom';

我在服务器上安装了软件包，但在TS编译过程中出现以下错误：

module/Dashboard/asset/dashboard/js/index.ts:12:19 - error TS2307: Cannot find module 'react'.

12 import React from 'react';
                     ~~~~~~~
module/Dashboard/asset/dashboard/js/index.ts:13:22 - error TS2307: Cannot find module 'react-dom'.

13 import ReactDOM from 'react-dom';

我已经尝试导入它，但没有NodeJS它就无法工作。需要库是否值得使用而不是导入

以这种方式安装React时我做错了什么？我应该怎么做？是否有我没有满足的其他要求？如前所述，当我以HTML格式导入React时，它正在工作

其他问题：

• 将Zend Framework 3/PHP项目与JS库混合是一个好主意吗
• 如何做好这件事

先谢谢你

编辑： 我的团队决定考虑是将此功能作为Zend Framework 3模块的一部分，还是创建一个前端应用程序，通过API请求ZF3模块。我们可能会选择第二个选项。

---

如果有人能就此事给我一个建设性的评论，我会很高兴。这种体系结构方法是一种好方法吗？

为了征服您的

找不到模块“react”

问题您应该在项目目录中安装节点模块“react”，并运行

npm安装反应器

在候机楼

使用require导入“react”模块，而不是导入

---

react前端应该由一个单独的服务实例运行并通过API与PHP通信，或者您是从node运行PHP代码还是什么

为了征服你的

找不到模块“react”

问题您应该在项目目录中安装节点模块“react”，并运行

npm安装反应器

在候机楼

使用require导入“react”模块，而不是导入

---

react前端应该由一个单独的服务实例运行并通过API与PHP通信，或者您是从node运行PHP代码还是什么

React已通过将其添加到package.json并运行npm安装，安装在node_modules文件夹中。在这种情况下，Require不起作用，因为找不到命令。可能是因为它是NodeJS命令。我的团队决定考虑是将此功能作为Zend Framework 3模块的一部分，还是创建一个前端应用程序，通过API请求ZF3模块。我们可能会选择第二种选择。@AleksanderSil IMHO，第二种方法是正确的选择。通过将使用Apirect的React前端添加到package.json并运行npm install，已将其安装在node_modules文件夹中。在这种情况下，Require不起作用，因为找不到命令。可能是因为它是NodeJS命令。我的团队决定考虑是将此功能作为Zend Framework 3模块的一部分，还是创建一个前端应用程序，通过API请求ZF3模块。我们可能会选择第二种选择。@AleksanderSil IMHO，第二种方法是正确的选择。使用APIs的React前端在软件工程社区网站上问这个问题可能更好。乍一看，正确的解决方案似乎是使用一个单独的React前端，它使用一个PHP后端API。这个问题最好在软件工程社区网站上提出。乍一看，正确的解决方案似乎是使用一个单独的React前端，它使用一个PHP后端API。