Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将ReactJS用作静态网站?_Html_Reactjs - Fatal编程技术网

Html 如何将ReactJS用作静态网站?

Html 如何将ReactJS用作静态网站?,html,reactjs,Html,Reactjs,我想用React开发我的静态web应用程序。我刚做完这件事。有没有什么方法可以直接“编译”(或者不管用什么术语)到我的HTML文件中?到目前为止,要运行ReactJS应用程序,我需要在Thread的服务器上运行它 我不喜欢使用CDN,因为我想更新和管理依赖项 比如说,作为我的起点,我想让官方React入门教程中的Tic-tac-toe游戏只包含一个HTML文件(一个HTML文件中包含CSS和JS)。我想看看这是否可行,因此我不关心这个问题的最佳实践。运行npm运行构建或纱线构建,并查看构建文件夹

我想用React开发我的静态web应用程序。我刚做完这件事。有没有什么方法可以直接“编译”(或者不管用什么术语)到我的HTML文件中?到目前为止,要运行ReactJS应用程序,我需要在Thread的服务器上运行它

我不喜欢使用CDN,因为我想更新和管理依赖项


比如说,作为我的起点,我想让官方React入门教程中的Tic-tac-toe游戏只包含一个HTML文件(一个HTML文件中包含CSS和JS)。我想看看这是否可行,因此我不关心这个问题的最佳实践。

运行
npm运行构建
纱线构建
,并查看
构建
文件夹中的输出。它会生成静态HTML、CSS和Javascript。

听起来像是在用纱线制作
create react app
。如果是,您正在运行:

纱线开始

现在运行:

纱线构造

请参见此处的更多信息:

静态web应用程序将构建到
build
文件夹中。您将在那里找到所有静态资产,如JS、CSS和HTML。

您应该看看


这是一个静态站点生成器,用于React。可能这就是你想要的。

我已经测试过了<代码>纱线构建仅适用于服务器。甚至
python3-mhttp.server也能工作。所以,不!如果没有现成的服务器,从非Bower package manager下载的ReactJS将无法工作。

构建应用程序,然后获取文件输出?我想我错过了什么或者我没有,idk。我已经打开index.html,但是它返回了这个错误:pastebin.com/RTLdhxPj。我想我错过了什么,或者我没有,idk。我已经运行了
warn build
打开index.html,但它返回以下错误:。这是另一个问题,可能最适合新问题。创建时将其链接到此处,我们可以提供帮助。这些可能对解决该问题有所帮助:,,我想我错过了什么,或者我没有,idk。我已运行
warn build
打开index.html,但它返回以下错误:。请尝试将其部署到web服务器。通过文件系统打开它可能不起作用。我希望它是静态网站。我不想使用服务器。这可以通过CDN实现,但我想看看我是否可以使用从软件包管理器(如Thread或NPM)下载的ReactJS创建静态网站。您不需要将其部署到web服务器。你应该能够在本地运行它。它是一个静态网站。必须通过HTTP向浏览器提供静态文件。因此,您必须使用提供静态文件的web服务器。