[strapi]在白页中导航管理结果

+1 在更新 4.11 和 4.11.1 并运行打字稿后，我在大多数页面导航后收到此错误

@Kyle772 @Renkas 如果您可以发布此错误的屏幕录制，那么这会很有帮助。因为我已经使用 Typescript 安装了一个新的快速启动项目，但看不到这样的错误。

@nitinmadelyn，您单击菜单中的链接，页面会变成白色（50％的时间，哪个菜单项并不重要）。没什么可记录的。

@Renkas 我正在使用相同版本的 NODE 和 Strapi，并从最后 30 分钟开始尝试。但没有得到空白页。

也许与安装的依赖项有关？

但即使 /config/plugins.ts 为空，这个问题仍然存在 - 所以我相信不应该加载这些依赖项？

export default ({env}) => ({
});

  "dependencies": {
    "@_sh/strapi-plugin-ckeditor": "^2.0.4",
    "@strapi/plugin-i18n": "^4.10.6",
    "@strapi/plugin-seo": "^1.9.1",
    "@strapi/plugin-users-permissions": "^4.10.6",
    "@strapi/provider-upload-aws-s3": "^4.10.6",
    "@strapi/strapi": "^4.10.6",
    "mysql": "2.18.1",
    "strapi-plugin-populate-deep": "^2.0.0",
    "strapi-plugin-sitemap": "^2.0.10",
    "strapi-plugin-transformer": "^3.1.0"
  },

@nitinmadelyn 设置页面有效，我只在某些内容管理器页面中遇到白页问题，并且当内容编辑器（最右侧的窗格）本身加载时它似乎会抛出。我还可以确认带有 Typescript 的新 Strapi 项目按预期工作。

https://github.com/strapi/strapi/assets/8151004/b527cd64-aab5-4731-a651-55126901bfef

请注意，“项目”内容类型不会崩溃，但使用自定义字段、组件和动态区域。录制该视频后，我将 SEO 组件添加到项目内容类型中，在编辑项目时不会导致错误，但通过返回项目列表或选择另一个内容类型退出编辑器现在会使最右侧的窗格崩溃。

使用新添加的 SEO 组件编辑项目时，控制台显示以下错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'seoChecks')
    at $r (main.8aa1330e.js:1641:16112)
    at async main.8aa1330e.js:1641:17374

@Renkas将我的所有依赖项升级到最新版本会有所帮助，内容管理器似乎不再崩溃，但我仍然在控制台中收到错误。当我访问该插件时，崩溃仍然发生strapi-plugin-menus，但您似乎没有使用它，所以我猜这不是问题的根源。

您好，我将 seo 插件从 1.8.0 更新到 1.9.1（最新），现在一切正常。也许您还需要根据您的情况更新菜单插件。

您好，我将 seo 插件从 1.8.0 更新到 1.9.1（最新），现在一切正常。也许您还需要根据您的情况更新菜单插件。

我更新了 SEO pugin，但仍然收到Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'seoChecks')错误，尽管它不会使内容管理器崩溃。菜单插件已经是最新版本（1.4.1），尽管我可能会放弃它，因为我可以使用单一内容类型和组件复制我需要的内容。

尝试删除您的 _node模块、文件夹、package-lock.json / yarn.lock文件，然后运行npm i，strapi build然后strapi develop再次。那样有用吗？

尝试删除您的 _node模块、文件夹、package-lock.json / yarn.lock文件，然后运行npm i，strapi build然后strapi develop再次。那样有用吗？

试过了，问题依然存在

只是为了澄清。这个问题似乎只在导航时发生Content Manager。管理的其余部分似乎工作正常。

我的行为也一样，当页面崩溃时，我的控制台中出现以下错误。

Uncaught TypeError: N is not a function
    at _s (main.6d26c4cd.js:36:23092)
    at bl (main.6d26c4cd.js:36:24881)
    at Wd (main.6d26c4cd.js:36:42988)
    at gd (main.6d26c4cd.js:36:42517)
    at Vd (main.6d26c4cd.js:36:41540)
    at ll (main.6d26c4cd.js:36:38033)
    at V0 (main.6d26c4cd.js:34:3291)
    at main.6d26c4cd.js:36:35377

这里同样的问题。这似乎是 Strapi 的一个非常常见的问题，我在尝试更新时多次发生过这种情况。似乎在 pnpm monorepo 中发生得特别频繁。

是的，自从升级到最新版本以来，我们也观察到同样的事情。以前的问题不存在。

此外，发布任何内容都非常具有挑战性，因为每次我们单击“保存”后，它都会落在空白页面上，然后我们必须再次刷新页面。

给任何试图找出导致此问题的原因的人的提示。如果您在监视模式下运行管理程序而不是先构建它，您将从未缩小的代码中收到错误，从而更容易找到实际出错的地方。

strapi develop --watch-admin

这是我通过 --watch-admin 标志得到的结果：

react-dom.development.js:22932 Uncaught TypeError: destroy is not a function
    at safelyCallDestroy (react-dom.development.js:22932:1)
    at commitHookEffectListUnmount (react-dom.development.js:23100:1)
    at commitPassiveUnmountInsideDeletedTreeOnFiber (react-dom.development.js:25098:1)
    at commitPassiveUnmountEffectsInsideOfDeletedTree_begin (react-dom.development.js:25048:1)
    at commitPassiveUnmountEffects_begin (react-dom.development.js:24956:1)
    at commitPassiveUnmountEffects (react-dom.development.js:24941:1)
    at flushPassiveEffectsImpl (react-dom.development.js:27038:1)
    at flushPassiveEffects (react-dom.development.js:26984:1)
    at commitRootImpl (react-dom.development.js:26935:1)
    at commitRoot (react-dom.development.js:26682:1)

react-dom.development.js:18687 The above error occurred in the <CMEditViewExclude> component:

    at CMEditViewExclude (webpack-internal:///517988:21:96)
    at InjectionZone (webpack-internal:///151989:17:26)
    at aside
    at O (webpack-internal:///671893:30:21101)
    at div
    at O (webpack-internal:///671893:30:21101)
    at div
    at O (webpack-internal:///671893:30:21101)
    at div
    at O (webpack-internal:///671893:30:21101)
    at f (webpack-internal:///811276:17:16)
    at div
    at O (webpack-internal:///671893:30:21101)
    at d (webpack-internal:///649066:9:24)
    at main
    at O (webpack-internal:///671893:30:21101)
    at m (webpack-internal:///700185:16:23)
    at form
    at EditViewDataManagerProvider (webpack-internal:///623986:55:3)
    at SingleTypeFormWrapper (webpack-internal:///155634:38:34)
    at EditView (webpack-internal:///931652:73:29)
    at Permissions (webpack-internal:///403868:25:166)
    at EditViewLayoutManager (webpack-internal:///304664:29:34)
    at Route (webpack-internal:///616550:648:29)
    at Switch (webpack-internal:///616550:850:29)
    at SingleTypeRecursivePath (webpack-internal:///369784:33:10)

升级到 4.11.1 后出现同样的问题：

这个问题很可能是由站点地图插件引起的。此后已发布修复程序v2.0.11。升级到该版本应该可以解决问题。

崩溃是由异步 React useEffecthook 的错误实现引起的。请参阅解决问题的提交。

如果您没有使用站点地图插件 - 或者升级不能解决您的问题 - 您可能正在使用另一个插件，该插件useEffect的代码库中也存在此错误的实现。

这为我解决了这个问题。关闭问题。