亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

沒想到服務器 HTML 在 <main> 中包含一個 <div>

沒想到服務器 HTML 在 <main> 中包含一個 <div>

喵喵時光機 2021-09-30 10:58:07
我在一個使用以下項目的項目中工作:反應/反應[email protected]@loadable/組件樣式組件反應路由器dom該應用程序呈現服務器端和客戶端。我正在使用@loadable/component這種方式動態代碼拆分。路由器.tsximport * as React from 'react'import loadable from '@loadable/component'import { Route, Switch } from 'react-router-dom'const NotFound = loadable(() =>  import('../components/NotFound/NotFound' /* webpackChunkName: "notfound" */))const routes = (  <Switch>    <Route component={NotFound} />  </Switch>)export default routes加載頁面時,此錯誤出現在控制臺上,頁面似乎閃爍了一秒鐘。react-dom.development.js:546 Warning: Did not expect server HTML to contain a <div> in <main>.當我檢查雙方(服務器/客戶端)的輸出時,它們是相同的。當我@loadable/component像下面那樣刪除時,它可以工作并且錯誤消失了。路由器無負載.tsximport * as React from 'react'import { Route, Switch } from 'react-router-dom'import NotFound from '../components/NotFound/NotFound'const routes = (  <Switch>    <Route component={NotFound} />  </Switch>)export default routes似乎與此有關,@loadable/component但我不是 100% 確定。
查看完整描述

2 回答

?
森林海

TA貢獻2011條經驗 獲得超2個贊

我認為問題是您的NotFound組件未加載,因此Route不知道要渲染什么導致錯誤。

您需要修改如下內容:

<Route path="/404/" exact component={props => <NotFound {...props} />} />


查看完整回答
反對 回復 2021-09-30
  • 2 回答
  • 0 關注
  • 407 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號