问题标签 [remix.run]

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 回答
256 浏览

javascript - 如何更改 Remix.run 的本地开发服务器使用的端口?

默认情况下,Remix.run 在运行时似乎使用 3000 端口进行本地开发:

你如何改变它运行的端口?

0 投票
0 回答
29 浏览

node.js - 如何处理 Supabase 中的 ECONNRESET 错误

我有一个 remix 操作函数,它接受一个文件作为 formData 请求对象,然后将其上传到 supabase。之后,我获取上传图片的 URL 并返回。

我的功能:

因为 formData 是 a multipart/form-data,所以我需要通过将上面的代码扔到 uploadHandler 函数中来解析它,然后:

该代码有效,在其他时候,它失败并出现错误:据ECONNRESET我了解,这可能与节点异步代码有关,但我无法解决它。我怎样才能避免ECONNRESETSupabase 不断给出的那些随机错误?

0 投票
1 回答
72 浏览

reactjs - Remix 的 Jokes App 教程中关于 Prisma 的错误

在 Remix 的 Jokes App 教程中,我在 session.server.ts 中获取用户的过程中出错。

我认为这个错误是关于 Prisma 的,但我不知道如何解决它。

网址:https ://remix.run/docs/en/v1/tutorials/jokes#authentication

它似乎发生在findUnique以下代码的调用中。

0 投票
2 回答
107 浏览

reactjs - URL 搜索参数被替换 - Remix Run

我正在开发一个搜索 UI,其中有很多过滤器,当有人选择/检查选项时,我希望这些过滤器作为 URL 参数。我已经使用 Remix.run 文档中建议的技术在过滤器中提出多种形式。每次提交一组过滤器时,选定的旧参数就会消失。这是我的代码,

我怎样才能解决这个问题以拥有所有参数,而不必使用 React 状态自己管理它们?

编辑:-我希望第一个过滤器自动提交,后者通过单击按钮提交。

我想要实现的一些用户界面,

在此处输入图像描述

答:花了足够的时间寻找捷径之后,终于明白这不是 remix.run 的魔法之一。使用 formik 之类的东西并彻底更新状态。

0 投票
1 回答
53 浏览

reactjs - 有没有办法在 remix 中使用 useLoaderData 重新获取?

我正在学习混音,我的加载器中有一些函数,我用 useLoaderData 在我的默认路由中调用,如下所示:

我想添加一个按钮来重新加载数据(因为在这种情况下我想要一个新的随机口袋妖怪)每次我点击它

0 投票
1 回答
96 浏览

reactjs - Material-ui SSR Remix 示例导致样式在水合后重复,我应该对它们进行重复数据删除吗?

我遵循以下示例:https ://github.com/mui-org/material-ui/tree/master/examples/remix-with-typescript 在 Remix 上设置material-uiSSR,我注意到之后补水,我得到重复的样式:

上面是服务器渲染的样式标签,下面是注​​入的样式标签 元素的重复样式

所以我一直在考虑在水合后删除服务器渲染的样式是否有益?我想出了一个简单的解决方案,将属性添加到服务器呈现的样式,然后在根组件中client.entry.tsx或在useEnhancedEffect根组件中删除它们,是否有偏好,或者我不应该担心重复的样式?

0 投票
0 回答
70 浏览

reactjs - React Router V6 异步路由加载器

一直在检查 React Location,它有一个非常有用的功能(异步路由、预取),我想知道这在 React Router V6 中是否可行。例如,它们支持异步路由加载器

我确信它可以完成(或添加),因为 Remix Run 完成了类似的事情。

哦,这也是什么时候发生的(来自 reactrouter.com)?

我们建议在升级具有多个路由的应用程序之前等待向后兼容包发布。

0 投票
0 回答
51 浏览

reactjs - 有没有替代history.length来升级react-router?

我想将react-router软件包升级到v6. 它依赖于history包,并且在history包路线图中,文档说history.length将很快被弃用甚至删除。你可以看看https://github.com/remix-run/history/issues/689

我想知道在将软件包升级到最新版本时是否有其他替代方法可以history.length在我的代码中使用。react-router

例如,我对它的一种用法:

0 投票
1 回答
56 浏览

remix.run - Remix.run 静态资产返回 404

我正在尝试使用 remix.run 显示图像时遇到一堵砖墙。

Asset Preloads 的文档显示如下:

在此处输入图像描述

当我这样做时,我得到 /icons/clipboard.svg 的 404。我是否需要添加路由才能使静态资产正确路由?

另一个例子是笑话教程。我在 app 下添加了一个带有文件的 assets 文件夹heart.svg。从我的笑话.jsx 中,我添加<img src="/assets/heart.svg"/>了哪些 404,"~/assets/heart.svg"以及"../assets/heart.svg"

我在想有什么东西让我眼前一亮,我在这里错过了,一条额外的路线,构建参数,什么......

0 投票
1 回答
91 浏览

javascript - 在 Remix.run 中处理 UI 状态

我正在尝试混音和哦男孩..我坚持创建一个简单的计数器(单击按钮增加计数)

我想我不应该使用 useState 钩子,所以我用 loader 和 action 试试运气,因为我相信这是应该在 Remix 中处理的地方

我的组件上有:

服务器:

上面的代码将在每次点击时将计数器始终重置为 0

查看了一些存储库,我可以找到存储在 Cookie/DB/SessionStorage 等中的存储库,但是如果我只想为我的 UI 设置一个简单的状态怎么办?