get error for redirect function #1506

langziyang · 2024-04-22T06:34:22Z

langziyang
Apr 22, 2024

#index.jsx
beforeLoad: ({context}) => {
        if (!isAuthenticated()) {
            throw redirect({
                to: '/login'
            })
        }
    }

then i first view index, the url redirect to /login. but the page is empty and i get error on console:

<html>
<body>
<!--StartFragment--><div aria-expanded="true" tabindex="-1" style="box-sizing: border-box; min-width: 0px; min-height: 0px; outline-width: 0px; flex: 0 0 auto; color: rgb(255, 255, 255); font-family: monospace; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(78, 53, 52); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span class="source-code" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: var(--source-code-font-family); white-space: pre-wrap; font-size: var(--source-code-font-size) !important; line-height: 1.2;"><span class="console-message-anchor" style="box-sizing: border-box; min-width: 0px; min-height: 0px; float: right; text-align: right; max-width: 100%; margin-left: 4px;"><button class="devtools-link text-button link-style ignore-list-link" role="link" tabindex="-1" title="http://192.168.100.5:5173/node_modules/@tanstack/react-router/src/router.ts:1607" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: var(--sys-color-primary); border: none; border-radius: 2px; background: none; margin: 0px; height: unset; padding: 0px !important; flex: 0 0 auto; white-space: nowrap; text-decoration: underline; outline-offset: 2px; cursor: pointer; outline: none; word-break: break-all;"><br class="Apple-interchange-newline">router.ts:1607</button> <devtools-icon role="button" class="resource-links console-search-icon" name="edge-copilot" title="询问 Copilot: 请解释此错误" aria-label="Uncaught (in promise) Object" tabindex="0" style="flex-grow: 0; flex-shrink: 0; display: inline-block; width: 14px; height: 14px; color: var(--accent-foreground-rest); vertical-align: sub; position: relative; box-sizing: border-box; min-width: 0px; min-height: 0px; margin-top: -1px; margin-bottom: -4px; cursor: pointer;"><span style="display: block; width: 14px; height: 14px; background-color: currentcolor; mask: var(--icon-url) center / contain no-repeat; --icon-url: var(--image-file-edge-copilot);"></span></devtools-icon> </span><span class="console-message-text" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--override-error-text-color) !important;">Uncaught (in promise) <div class="console-view-object-properties-section object-value-object source-code expanded" style="flex: 1 1 auto; padding: 0px; --monospace-font-size: 12px; --monospace-font-family: monospace; --source-code-font-size: 12px; --source-code-font-family: monospace; box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: var(--source-code-font-family); white-space: pre-wrap; font-size: var(--source-code-font-size) !important; position: relative; vertical-align: baseline; color: var(--override-error-text-color) !important; display: inline-block; overflow-wrap: break-word; max-width: 100%; line-height: 1.2;"><div class="tree-outline-disclosure tree-outline-disclosure-hide-overflow" style="box-sizing: border-box; min-width: 0px; min-height: 0px;"><ol class="tree-outline hide-selection-when-blurred source-code object-properties-section" role="tree" tabindex="-1" jslog="Tree" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: var(--source-code-font-family); white-space: pre-wrap; font-size: var(--source-code-font-size) !important; padding: 0px; margin: 0px; z-index: 0; position: relative; color: var(--sys-color-on-surface); display: flex; flex-direction: column; list-style-type: none;"><li title="" jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" class="parent object-properties-section-root-element selected expanded" aria-expanded="true" tabindex="-1" aria-selected="true" style="box-sizing: border-box; min-width: 0px; min-height: 16px; display: flex; flex-direction: row; text-overflow: ellipsis; white-space: nowrap; position: relative; align-items: center; user-select: text; color: var(--neutral-foreground-hint) !important;"><slot style="box-sizing: border-box; min-width: 0px; min-height: 0px;"><span class="console-object console-object-preview" tabindex="-1" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-style: italic; word-break: break-all;"><span class="object-properties-preview" style="box-sizing: border-box; min-width: 0px; min-height: 0px;">{<span class="name" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-subtle); flex-shrink: 0;">to</span>: <span class="object-value-string" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre-wrap; unicode-bidi: -webkit-isolate; color: var(--css-string); word-break: break-all;">'/login'</span>, <span class="name" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-subtle); flex-shrink: 0;">isRedirect</span>: <span class="object-value-boolean" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--override-primitive-dark-mode-color); --override-primitive-dark-mode-color: hsl(252deg 100% 75%);">true</span>, <span class="name" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-subtle); flex-shrink: 0;">statusCode</span>: <span class="object-value-number" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--override-primitive-dark-mode-color); --override-primitive-dark-mode-color: hsl(252deg 100% 75%);">301</span>, <span class="name" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-subtle); flex-shrink: 0;">headers</span>: <span class="object-value-object" title="Object" style="box-sizing: border-box; min-width: 0px; min-height: 0px;">{…}</span>, <span class="name" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-subtle); flex-shrink: 0;">routerCode</span>: <span class="object-value-string" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre-wrap; unicode-bidi: -webkit-isolate; color: var(--css-string); word-break: break-all;">'BEFORE_LOAD'</span><span style="box-sizing: border-box; min-width: 0px; min-height: 0px;">, …</span>}</span><span class="object-state-note info-note" title="在首次扩展时评估此值。此后它可能已更改。" style="box-sizing: border-box; min-width: 0px; min-height: 0px; background-color: var(--sys-color-tonal-container); display: inline-block; width: 11px; height: 11px; color: var(--sys-color-on-tonal-container); text-align: center; border-radius: 3px; line-height: 13px; margin: 0px 6px; font-size: 9px;"></span></span></slot></li><ol class="children expanded" role="group" style="box-sizing: border-box; min-width: 0px; min-height: 0px; list-style-type: none; padding-left: 12px; display: block; border-color: var(--selection-tree-notselected) !important;"><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="headers" class="parent" aria-expanded="false" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="headers" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">headers</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-object value" title="Object" style="box-sizing: border-box; min-width: 0px; min-height: 0px;"><span class="object-properties-preview" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: nowrap;">{}</span></span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="href" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="href" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">href</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-string value" title="/login" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; unicode-bidi: -webkit-isolate; color: var(--css-string);">"/login"</span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="isRedirect" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="isRedirect" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">isRedirect</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-boolean value" title="true" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--override-primitive-dark-mode-color); --override-primitive-dark-mode-color: hsl(252deg 100% 75%);">true</span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="routeId" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="routeId" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">routeId</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-string value" title="/" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; unicode-bidi: -webkit-isolate; color: var(--css-string);">"/"</span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="routerCode" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="routerCode" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">routerCode</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-string value" title="BEFORE_LOAD" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; unicode-bidi: -webkit-isolate; color: var(--css-string);">"BEFORE_LOAD"</span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="statusCode" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="statusCode" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">statusCode</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-number value" title="301" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--override-primitive-dark-mode-color); --override-primitive-dark-mode-color: hsl(252deg 100% 75%);">301</span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="to" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name own-property" title="to" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-tag); flex-shrink: 0; font-weight: bold;">to</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-string value" title="/login" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; unicode-bidi: -webkit-isolate; color: var(--css-string);">"/login"</span></span></li><li jslog="TreeItem; parent: parentTreeItem; track: keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem" data-object-property-name-for-test="[[Prototype]]" class="parent" aria-expanded="false" style="box-sizing: border-box; min-width: 0px; min-height: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="box-sizing: border-box; min-width: 0px; min-height: 0px; overflow: hidden; line-height: 16px; display: flex; white-space: nowrap;"><span class="name synthetic-property" title="[[Prototype]]" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: var(--sys-color-token-subtle); flex-shrink: 0;">[[Prototype]]</span><span class="separator" style="box-sizing: border-box; min-width: 0px; min-height: 0px; white-space: pre; flex-shrink: 0;">: </span><span class="object-value-object value" title="Object" style="box-sizing: border-box; min-width: 0px; min-height: 0px;">Object</span></span></li></ol></ol></div></div></span></span></div><div class="" role="group" style="box-sizing: border-box; min-width: 0px; min-height: 0px; flex: 0 0 auto; color: rgb(255, 255, 255); font-family: monospace; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(78, 53, 52); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span class="monospace stack-preview-container width-constrained" style="display: inline-block; --monospace-font-size: 12px; --monospace-font-family: monospace; --source-code-font-size: 12px; --source-code-font-family: monospace; width: 1851px; box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: var(--monospace-font-family); font-size: var(--monospace-font-size) !important;">
  | Router.loadMatches | @ | router.ts:1607
-- | -- | -- | --
  | await in Router.loadMatches(异步) |   |  
  | (匿名) | @ | router.ts:1682
  | Router.load | @ | router.ts:1771
  | (匿名) | @ | RouterProvider.tsx:138
  | (匿名) | @ | RouterProvider.tsx:130
  | startTransition | @ | react-dom.development.js:17332
  | apply | @ | RouterProvider.tsx:130
  | tryLoad | @ | RouterProvider.tsx:136
  | (匿名) | @ | RouterProvider.tsx:149
  | (匿名) | @ | index.ts:75
  | onUpdate | @ | index.ts:75
  | (匿名) | @ | index.ts:114
  | tryNavigation | @ | index.ts:89
  | replace | @ | index.ts:112
  | apply | @ | router.ts:1107
  | startTransition | @ | react-dom.development.js:17332
  | Router.commitLocation | @ | router.ts:1114
  | (匿名) | @ | RouterProvider.tsx:162
  | commitHookEffectListMount | @ | react-dom.development.js:23150
  | commitLayoutEffectOnFiber | @ | react-dom.development.js:23268
  | commitLayoutMountEffects_complete | @ | react-dom.development.js:24688
  | commitLayoutEffects_begin | @ | react-dom.development.js:24674
  | commitLayoutEffects_begin | @ | react-dom.development.js:24656
  | commitLayoutEffects | @ | react-dom.development.js:24612
  | commitRootImpl | @ | react-dom.development.js:26823
  | commitRoot | @ | react-dom.development.js:26682
  | finishConcurrentRender | @ | react-dom.development.js:25981
  | performConcurrentWorkOnRoot | @ | react-dom.development.js:25809
  | workLoop | @ | scheduler.development.js:266
  | flushWork | @ | scheduler.development.js:239
  | performWorkUntilDeadline | @ | scheduler.development.js:533

</span></div><!--EndFragment-->
</body>
</html>

albehrens · 2024-04-22T13:37:42Z

albehrens
Apr 22, 2024

It might related to this #1480

0 replies

Navigation Menu

Uh oh!

Uh oh!

get error for redirect function #1506

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Uh oh!

get error for redirect function #1506

Uh oh!

langziyang Apr 22, 2024

Replies: 1 comment

Uh oh!

albehrens Apr 22, 2024

langziyang
Apr 22, 2024

albehrens
Apr 22, 2024