问题标签 [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 回答
25 浏览

npm - 为 Remix.run 运行启动命令时出现“错误:EEXIST:文件已存在”

我从来没有真正熟悉过这个npx命令,但据我了解,它只是一种执行 NPM 包的方式,这是Remix.run web framework 的入门指南所必需的。

npx create-remix@latest当我只需要执行命令时就卡在第一步真的很令人沮丧。我收到以下错误:

不确定底层会发生什么,但我不知道为什么当我执行此操作时它试图在 C 驱动器中创建一个文件夹D:\Github\new-project

NPM/NPX 版本:6.14.6

0 投票
1 回答
72 浏览

pdf - 有没有办法用 remix.run 生成 pdf

在 netlify 上使用 supbase 作为 db 托管混音应用程序。有没有办法使用 remix 生成 pdf 文档?

0 投票
1 回答
141 浏览

reactjs - 如何在纱线工作区的混音运行应用程序中使用本地模块

我有一个yarn workspace monorepo不同的包包含可重用代码的地方。像 @pkg/styles@pkg/ui-components

所有这些包都es modules (import export statements)在我的由 webpack 构建的非 ssr 应用程序中使用,就像这样。

例如

现在我需要添加remix-run到同一个 monorepo 并且一切正常,直到我开始导入这些本地包。我得到这个错误

如果我没记错的话,这是因为esbuild期望所有内容都node_modules被预编译。并在转译阶段简单地忽略它们。

我需要告诉我的编译器在编译时考虑我的本地包,这在我们使用时非常容易做到webpack。但我不确定如何在remix-run内部使用它和 esbuild。remix-run github 上几乎没有问题,但似乎没有任何帮助。

0 投票
0 回答
109 浏览

reactjs - SyntaxError:在混音应用程序中使用快速组件时出现意外的令牌“导出”

我正在尝试在混音应用程序中使用FAST Web 组件,但到目前为止还没有运气。

在这一点上,我的猜测是问题出在 remix 中完成的构建。我知道构建是由esbuild完成的,并且它不能完全与 esm 模块一起使用,至少不是 FAST 导出它们的方式。

我得到的错误是:

以下是我尝试在我的混音应用程序中包含 FAST 的方式:

现场演示:https ://codesandbox.io/s/green-leftpad-grd8o?file=/app/routes/index.tsx:0-702

0 投票
1 回答
39 浏览

remix - 如何使用 react-router 进行类似的路由

我现在已经在我的 SPA 应用程序中设置了这个路由

如何通过 remix 文件结构路由实现相同的结果?

0 投票
2 回答
389 浏览

remix.run - 尝试访问 Remix 中的环境变量时未定义窗口

我正在尝试使用 Remix 将一些环境变量导入浏览器,我一直在关注这个:

https://remix.run/docs/en/v1/guides/envvars

我完全按照步骤 1 和 2 进行操作,但是我无法window.ENV从浏览器访问。我收到此错误:ReferenceError: window is not defined

这是我非常简单的组件:

如果我注释掉,console.log我可以<script><body>文档顶部看到window.ENV = {...}内容。但是取消注释console.log会向我显示错误消息并且没有<script>标签。这告诉我问题在于window.ENV文档中的设置,而不是我的组件中的设置。

任何想法将不胜感激!

0 投票
1 回答
64 浏览

reactjs - 使用 defineRoutes 自定义路由

有人在 remix.config 中有一些关于 defineRoutes 函数的额外信息吗?

我有一条这条路线:

在defineRoutes中我做了这样的事情:

我希望 /citta/test 和 /city/test 都在位于此处的同一个文件routes/__main/city/$city.tsx中。

但是当我运行代码时,只有 /citta/test 路由处于活动状态,而另一个 /city/test 会抛出错误。

正如我从这里的文档https://remix.run/docs/en/v1/api/conventions#routes中读到的,我想要实现的应该是可能的。

我误解了defineRoutes的使用吗?

0 投票
1 回答
392 浏览

react-redux - 如何为 Remix JS 项目提供 Redux 存储?

我一直在密切关注 Remix Run JS ( https://remix.run/ ),并且一直在学习一些教程,但是,我在这里或网络上都没有找到关于如何实现 redux 商店的任何地方:

我正在考虑App像这样包装组件,但我不确定是否应该这样做:

0 投票
2 回答
127 浏览

javascript - 尝试使用 useRef 在 React/Remix/Prisma 中生成的项目上运行函数

我已经阅读了多个 useRef/useEffect 指令,但我似乎无法让它在这里工作。

这里的代码工作流程是:Remix/React,从数据库中获取数据,显示数据,将数据变成可以更新的代码

如果有人能指出他们在这段代码中看到的任何明显错误,比如为什么useEffect钩子没有触发,或者为什么useRef钩子永远无法在{listRef}中找到<ul>,我很想知道。

一如既往,任何帮助表示赞赏。

0 投票
2 回答
214 浏览

tailwind-css - 对于 WSL2 上的 Tailwind,热重载无法正常工作

o/

刚刚使用 Remix 和 TailwindCSS 开始了一个新的个人项目。原始 Remix 安装一切正常,但是当我添加 Tailwind 时 css 热重载被破坏。添加的第一个类被应用,但不是下一个。

我认为它一定与 WSL2(Linux 的 Windows 子系统)有关,因为它在我的 linux 笔记本电脑上运行良好。

我的配置正是Remix 文档中描述的配置。

环境

应用程序/root.tsx

tailwind.config.js

包.json

安慰

谢谢你的帮助