这段代码

<script crossorigin="" src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin="" src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

运行React脚本。现在我已经在一个网络服务器的域名上安装了React。我已经用 npx npm view react-native version. 检查过安装情况。它显示版本2568。

如何将使用CDN的 React脚本转换为使用本地安装代码的脚本？ 谢谢。

解决方案

1. 创建一个React Web应用：npx create-react-app MyApp
2. 将CDN项目中的代码复制到新创建的项目结构中：MyApp
3. 如有必要，在代码中解析项目路径（favicon、图片等的新位置）
4. 检查项目代码中类似这样的行：

import React from "https://unpkg.com/react@18";
import { createRoot } from "https://unpkg.com/react-dom@18/client";
import React, { useCallback, useEffect, useState } from "https://unpkg.com/react@18";

等等……

用以下内容替换它们：

import React from "react";
import { createRoot } from "react-dom/client";
import React, { useCallback, useEffect, useState } from "react";

1. 我想这应该能够解决问题。也许如果存在不同的语法需要修复一些错误，但应该是兼容的。

return React.createElement(
    React.Fragment,
    null,
    React.createElement("div", null, "Hello world!")
  );

return (
    <>
      <div>Hello world!</div>
    </>
  );

1. 要在本地测试启动网站，可以使用：npm start
2. 要将网站部署到网络服务器，可以使用：npm run build

希望这能帮到你。这些是我在把代码从CDN转移到本地安装代码时会执行的步骤。