官网教程添加容器组件那一课报错进行不下去了

[sunjianan9900]

https://modernjs.dev/tutorials/first-app/c07-container.html

node -v
v16.19.1

错误信息：

error   SSR Error - App Prefetch Render, error = TypeError: Cannot destructure property 'data' of '(0 , _modern_js_runtime_router__WEBPACK_IMPORTED_MODULE_8__.useLoaderData)(...)' as it is null.
    at Layout (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/src/myapp/routes/layout.tsx:46:1)
    at renderWithHooks (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5662:1)
    at renderIndeterminateComponent (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5735:1)
    at renderElement (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5950:1)
    at renderNodeDestructiveImpl (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6108:1)
    at renderNodeDestructive (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6080:1)
    at renderNode (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6263:1)
    at renderChildrenArray (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6215:1)
    at renderNodeDestructiveImpl (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6145:1)
    at renderNodeDestructive (/Volumes/Jianan/Work/2023/nxjsPro/myapp/dist/bundles/webpack:/myapp/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6080:1), req.url = /, req.headers = {
  host: 'localhost:8080',
  connection: 'keep-alive',
  'cache-control': 'max-age=0',
  'sec-ch-ua': '"Microsoft Edge";v="111", "Not(A:Brand";v="8", "Chromium";v="111"',
  'sec-ch-ua-mobile': '?0',
  'sec-ch-ua-platform': '"macOS"',
  'upgrade-insecure-requests': '1',
  'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 Edg/111.0.1661.43',
  accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7',
  'sec-fetch-site': 'same-origin',
  'sec-fetch-mode': 'navigate',
  'sec-fetch-user': '?1',
  'sec-fetch-dest': 'document',
  referer: 'http://localhost:8080/',
  'accept-encoding': 'gzip, deflate, br',
  'accept-language': 'zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6'
}

代码：
code.zip

或者能否提供一下官网教程的完整项目代码？

[yimingjfe]

这块文档有问题，请根据添加 loader 和 数据获取 中的文档，把 loader 放在一个单独的文件中，文档问题我们修改下