问题标签 [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.
reactjs - 如何从 react-static 生成的站点地图文件中删除页面?
根据文档,将路由属性 noindex 设置为 true 就像下面的示例一样,它将阻止页面包含在站点地图中:
为了完整起见,这里是路线图的相关代码:
然而,它既不会删除隐私政策 URL,也不会更改任何优先级。
这是我第一次使用 reactjs 框架,所以很可能我错过了一些理解。
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 做些什么?
tailwind-css - 使用 postcss-import 将 tailwindcss v1 添加到基本的 react-static 站点
我正在尝试为包括 tailwindcss v1 和 postcss-import 的 react-static 站点设置启动器。我无法获取构建或启动进程来解析 @import "tailwindcss/xxx" 指令。我使用 tailwindcss v0.7.4 得到相同的结果
这就是我所做的......
react-static create
选择basic
选项yarn add tailwindcss@next
yarn add postcss-import
yarn tailwind init
- 添加
postcss.config.js
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
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 />)
reactjs - 如何将反应静态 scss 实施到项目中?
我正在使用静态反应模板,需要实现 scss。我的 git hub 示例:https ://github.com/PrasanthGokuldas/Test_ReactStatic.git 我尝试将 react-static-plugin-sass 添加到 package.json 并包含在 static.config.js 文件中
但我无法访问 scss 文件进行项目。
reactjs - react-static /edit/:id /nested 路由在刷新/热加载时丢失对资产的引用
我对 react-static 有点陌生,所以请耐心等待。
在开发中和静态生成时,在用作“/page/edit/:id”的路由上刷新页面将更改图像资产的根引用。
我的路由:
刷新根页面对问题没有影响,但是在编辑组件中,如果刷新或有时热加载命中,我会丢失所有图像资产引用,这些引用重新分配给组件本身的根。例如,工作时,导航栏标志是
图像/标志.jpg
但是,当在编辑组件中刷新时,资产会重写为
/edit/img/logo.jpg
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...
:
错误:套接字挂起
我不允许从其他域获取吗?即使它托管在同一台服务器上?
谢谢
reactjs - react-static:构建时出现ReferenceError
构建项目时会发生此错误。
我认为这是因为我没有 react-static 构建,但我不知道错误。
包.json
构建命令: 纱线构建
(但 react-static build 命令是react-static build)
错误
树
reactjs - 如何在 react-static 构建的应用程序中从 static.config.js 文件中定义的路由呈现菜单?
按照官方指南,应该是这样的简单:
我的下面的 static.config.js 文件是从基本模板中剪切下来的。只有到关于页面的路线:
但是什么都没有渲染。
如果我将 myRoutes 变量设置为内联它可以工作。例子:
它接缝的函数useRouteData()
没有被调用,但我不知道为什么。
该站点全部由静态页面组成,可从站点中的任何页面访问,因此我认为如果我将所有内容都放入配置文件中,它将分割代码,每个模板一页,并提供构建菜单的信息。我也不熟悉静态反应构建,所以可能没有像我想象的那样使用模板。