是否可以将@here/maps-api-for-javascript与最新的react-scripts 5.0.0一起使用？ （ReactJS，这里是地图）

Question

我正在尝试升级项目中的软件包，但在使用 @here/maps-api-for-javascript 时遇到问题。当我使用 react-scripts 4.0.3 时，一切都很好，我可以与地图交互。

但是当我使用 react-scripts 5.0.0 时，我只看到带有 Here Maps 徽标的空地图。另外，我在控制台中看到与地图相关的 webpack 错误

我需要了解为什么会发生这种情况，以及如何修复它以将此处地图与 react-scripts 5.0

一起使用

我的代码具有所描述的问题：https://codesandbox.io/s/modest-margulis-ugp8mw?file=/README.md

Answer 1

正如评论中所讨论的，请参阅下面的反应指南。 使用反应 本文介绍如何将 HERE Maps API for JavaScript 与 React 结合使用。目标是演示如何构建一个 React 组件来显示地图并响应用户的操作，无论是与地图还是其他组件的直接交互。

设置 为了快速设置新的 React 应用程序，我们将使用 Create React App 环境。它提供了一种快速开始构建新的单页应用程序的方法。按如下方式执行 npx 运行程序（需要 Node >= 8.10 和 npm >= 5.6）：

npx create-react-app jsapi-react && cd jsapi-react

上面的调用生成启动应用程序所需的脚手架。

jsapi-react

目录中的目录结构如下所示。 React 组件位于 src 目录中：

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── ...
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js
    └── setupTests.js

在此环境中使用适用于 JavaScript 的 HERE Maps API 的推荐方法是安装位于 https://repo.platform.here.com/ 的maps-api-for-javascript NPM 包。通过执行以下命令将注册表项添加到 NPM 配置：

npm config set @here:registry https://repo.platform.here.com/artifactory/api/npm/maps-api-for-javascript/

之后，可以照常安装

@here

命名空间中的软件包：

npm install @here/maps-api-for-javascript --save

在此步骤中，环境设置已完成，构建示例应用程序所需的所有包均已安装，并且可以通过执行以下命令来启动开发服务器：

npm start

上面的命令启动具有“热重载”功能的开发服务器，并在浏览器中打开应用程序。

欲了解更多详情，请参阅以下指南。 https://developer.here.com/documentation/maps/3.1.30.15/dev_guide/topics/react-practices.html