问题标签 [react-static]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
353 浏览

reactjs - 如何从 react-static 生成的站点地图文件中删除页面?

根据文档,将路由属性 noindex 设置为 true 就像下面的示例一样,它将阻止页面包含在站点地图中:

为了完整起见,这里是路线图的相关代码:

然而,它既不会删除隐私政策 URL,也不会更改任何优先级。

这是我第一次使用 reactjs 框架,所以很可能我错过了一些理解。

0 投票
0 回答
441 浏览

reactjs - 如何在 React Static typescript 模板中导入 static.config.js 中的 .ts 文件

我在使用 React Static 的项目中的 static.config.js 文件中导入 .ts 文件时遇到问题 我收到此错误

Unexpected token { import sth from sth }

当我将我的 static.config.js 更改为 static.config.ts 时出现错误

我的 tsconfig.json

怎么做才能在 static.config.js 中导入 .ts 文件,或者对 static.config.ts 做些什么?

0 投票
1 回答
1597 浏览

tailwind-css - 使用 postcss-import 将 tailwindcss v1 添加到基本的 react-static 站点

我正在尝试为包括 tailwindcss v1 和 postcss-import 的 react-static 站点设置启动器。我无法获取构建或启动进程来解析 @import "tailwindcss/xxx" 指令。我使用 tailwindcss v0.7.4 得到相同的结果

这就是我所做的......

  1. react-static create选择basic选项
  2. yarn add tailwindcss@next
  3. yarn add postcss-import
  4. yarn tailwind init
  5. 添加postcss.config.js
  6. src/app.css用 3 个@import语句替换了的内容

我尝试了许多选择,例如从其他现有项目开始,更改@import参数。例如"../tailwindcss, "src/tailwindcss,"../src/tailwindcss

基本上我所做的一切都没有改变错误,只是无法解析的文件名。

但是,还有 2 个额外的观察结果可能是相关的。首先,安装npx tailwind build src/styles.css -o src/app.css了 tailwind 并从styles.css.

其次,postcss-import 根本没有发生——改变它对结果没有影响。

错误信息是

我预计开发服务器会在源处理完毕后启动。

完整源代码可在https://gitlab.com/support96/my-static-site.git

0 投票
1 回答
183 浏览

reactjs - 需要从反应组件中替换 html 字符串文本

问题: - 我们正面临简码问题。我们在内容中使用简码 {{email}} 进行电子邮件订阅,服务器在前端将内容作为 HTML 字符串提供。我们从 dengerouslySetInnerHTML 反应函数在前端将字符串渲染为 HTML。

例子 : - let description = '<p>contect here {{email}} content here {{email}} content here</p>';

我们使用 react dengerouslySetInnerHTML 函数将 HTML 字符串转换为实际的 HTML。 <div dangerouslySetInnerHTML={{ __html: description }} ></div>

我正在做 - 从反应电子邮件组件替换 {{email}} 文本,但我们无法在字符串中插入反应组件。

喜欢 - description.replace('{{email}}', <EmailComponent />)

0 投票
1 回答
458 浏览

reactjs - 如何将反应静态 scss 实施到项目中?

我正在使用静态反应模板,需要实现 scss。我的 git hub 示例:https ://github.com/PrasanthGokuldas/Test_ReactStatic.git 我尝试将 react-static-plugin-sass 添加到 package.json 并包含在 static.config.js 文件中

但我无法访问 scss 文件进行项目。

0 投票
1 回答
270 浏览

reactjs - react-static /edit/:id /nested 路由在刷新/热加载时丢失对资产的引用

我对 react-static 有点陌生,所以请耐心等待。

在开发中和静态生成时,在用作“/page/edit/:id”的路由上刷新页面将更改图像资产的根引用。

我的路由:

刷新根页面对问题没有影响,但是在编辑组件中,如果刷新或有时热加载命中,我会丢失所有图像资产引用,这些引用重新分配给组件本身的根。例如,工作时,导航栏标志是

图像/标志.jpg

但是,当在编辑组件中刷新时,资产会重写为

/edit/img/logo.jpg

0 投票
0 回答
248 浏览

javascript - 从同一服务器(本地主机)但不同的虚拟主机获取 JSON

我想我有一个非常基本的问题。我已经将 CraftCMS 设置为可通过 Apache 虚拟主机访问,http://craftapi并且正在使用 Element API 和路由等http://craftapi/projects?page=1

在一个单独的虚拟主机http://mysite上,我设置了一个 react-static 安装,它应该使用 Axios 从中获取 JSON,http://craftapi/projects?page=1但它会在之后抛出Importing routes from directory...

错误:套接字挂起

我不允许从其他域获取吗?即使它托管在同一台服务器上?

谢谢

0 投票
1 回答
209 浏览

reactjs - react-static:构建时出现ReferenceError

构建项目时会发生此错误。

我认为这是因为我没有 react-static 构建,但我不知道错误。

包.json

构建命令: 纱线构建

(但 react-static build 命令是react-static build

错误

0 投票
1 回答
485 浏览

html - 有没有办法在 react-static 中添加图标?

我看到了这个

在此处输入链接描述

我像这样添加网站图标

但不工作

也许图像在 A 中无法正常工作。我试图将图像放入其中,<body>但没有正确显示。

0 投票
0 回答
221 浏览

reactjs - 如何在 react-static 构建的应用程序中从 static.config.js 文件中定义的路由呈现菜单?

按照官方指南,应该是这样的简单:

我的下面的 static.config.js 文件是从基本模板中剪切下来的。只有到关于页面的路线:

但是什么都没有渲染。

如果我将 myRoutes 变量设置为内联它可以工作。例子:

它接缝的函数useRouteData()没有被调用,但我不知道为什么。

该站点全部由静态页面组成,可从站点中的任何页面访问,因此我认为如果我将所有内容都放入配置文件中,它将分割代码,每个模板一页,并提供构建菜单的信息。我也不熟悉静态反应构建,所以可能没有像我想象的那样使用模板。