小编Gal*_*sod的帖子

使用 Vite 的 React 中的路由无法正常工作(构建时)

在我的网站上,我有一些使用 React-Router 制作的路由,它们指向网站本身的几个不同页面。在开发模式下一切正常,但构建版本是问题发生的地方。当我将网站上传到 Netlify 进行测试时,索引页面 ( path="/" ) 工作正常,但其他页面(例如 about 页面 ( path="/about"))在刷新时会抛出 404 错误他们。我也尝试过使用不同的托管提供商,但在某些上它甚至没有加载索引页面,或者它加载了,但没有加载其他页面。

经过进一步研究和阅读 Vite 文档,我发现问题可能是我没有配置 Vite 来检查路由,但我不知道如何执行此操作(或至少正确执行)。

我还应该提到,我对 React 还很陌生,所以如果问题提出得不好,我很抱歉。

以下是 app.js 文件中路由器的代码:

function App() {
  return (
    <>
      <Suspense fallback={<RhombLoad />}>
        <Router>
          <Header />
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/storitve" element={<Storitve />} />
            <Route path="/onas" element={<Onas />} />
            <Route path="/reference" element={<Reference />} />
            <Route path="/zaposlovanje" element={<Zaposlovanje />} />
            <Route path="/kontakt" element={<Kontakt />} />
            <Route path="*" element={<ErrorPage />} />
          </Routes>
          <Footer />
        </Router>
      </Suspense> …
Run Code Online (Sandbox Code Playgroud)

reactjs netlify react-router-dom vite

6
推荐指数
1
解决办法
5382
查看次数

如何在 Next.js 13 中实现滚动触发的动画?

我想知道如何在Next.Js 13中正确实现滚动触发的动画。

我尝试使用像AOS这样的滚动触发动画库,但为了使其工作,需要在 useEffect 挂钩内初始化它,这需要客户端渲染。现在,如果我只将它用于一个组件(并且仅用于通过“使用客户端”声明客户端渲染的该组件),那么所有这些都可以,但这不是一个选项,因为我想让 AOS 可以跨我的整个应用程序,以便页面的所有组件和部分都可以使用它,因此,这意味着,如果我做对了,所有内容都将使用客户端渲染(因为我在根处声明(为了能够使用useEffect)),这不是我想要的。

有没有更好的方法来实现这一点,或者我只是以错误的方式理解这一点?我是 Next.Js 的新手,所以如果这个问题更“愚蠢”,我很抱歉,但我找不到或找出答案,所以我决定在这里问它。我很高兴听到您的回答。:)

javascript animation reactjs next.js aos.js

5
推荐指数
1
解决办法
1396
查看次数