Skip to content

[Bug]:使用翻译插件后报错 #226

@wu-xing-ai

Description

@wu-xing-ai

Do you need to file an issue?

  • I have searched the existing issues and this bug is not already filed.
  • I believe this is a legitimate bug, not just a question or feature request.

Describe the bug

Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:

  • A server/client branch if (typeof window !== 'undefined').
  • Variable input such as Date.now() or Math.random() which changes each time it's called.
  • Date formatting in a user's locale which doesn't match the server.
  • External changing data without sending a snapshot of it along with the HTML.
  • Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

...

<script>
<script>
<script>
<script>
















<img

  •                               alt="DeepTutor Logo"
    
  •                               alt="DeepTutor标志"
                                  fetchPriority={undefined}
                                  loading={undefined}
                                  width={32}
                                  height={32}
                                  decoding="async"
                                  data-nimg="1"
                                  className="object-contain"
                                  style={{color:"transparent"}}
                                  sizes={undefined}
                                  srcSet={"/_next/image?url=%2Flogo.png&w=32&q=75 1x, /_next/image?url=%2Flogo.png&..."}
                                  src={"/_next/image?url=%2Flogo.png&w=64&q=75"}
                                  ref={function}
                                  onLoad={function onLoad}
                                  onError={function onError}
    
  •                               _mstalt="227227"
    
  •                               _msthash="1"
                                >
                                ...
                              <h1
                                className="font-bold text-slate-900 dark:text-slate-100 tracking-tight text-base whi..."
    
  •                             _msttexthash="10965591"
    
  •                             _msthash="2"
                              >
    
  •                             DeepTutor
    
  •                             深度导师
                            ...
                          ...
                      ...
                  ...
    

components/Sidebar.tsx (239:15) @ Sidebar

237 | />
238 |

239 | <h1
| ^
240 | className={`font-bold text-slate-900 dark:text-slate-100 tracking-tight text-base whitespace-nowrap transition-all duration-300 ${
241 | sidebarCollapsed
242 | ? "opacity-0 w-0 overflow-hidden"

Steps to reproduce

No response

Expected Behavior

No response

Related Module

Dashboard

Configuration Used

No response

Logs and screenshots

No response

Additional Information

  • DeepTutor Version:
  • Operating System:
  • Python Version:
  • Node.js Version:
  • Browser (if applicable):
  • Related Issues:

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions