如何在NextJs中找到我的警告位置

How can I find my warning place in NextJs

提问人：Faeze Gholami 提问时间：4/4/2023 最后编辑：Youssouf OumarFaeze Gholami 更新时间：4/4/2023 访问量：73

问：

我的代码中有一些警告，但我找不到这些警告发生在哪里。我怎样才能找到警告的地方？

这是我在控制台中的警告

react_devtools_backend.js:2655 Warning: validateDOMNesting(...): <table> cannot appear as a descendant of <p>.
    at table
    at http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:1131:66
    at Table (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:97587:79)
    at div
    at http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:1131:66
    at Paper (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:84171:79)
    at http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:1131:66
    at TableContainer (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:95943:79)
    at InnerThemeProvider (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:108555:67)
    at ThemeProvider (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:107463:5)
    at ThemeProvider (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:108575:5)
    at BasicTable (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:132450:20)
    at p
    at http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:1131:66
    at Typography (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:101212:84)
    at div
    at http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:1131:66
    at Box (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:110064:69)
    at div
    at TabPanel (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:132631:24)
    at div
    at div
    at div
    at SwipeableViews (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:211683:34)
    at div
    at http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:1131:66
    at Box (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:110064:69)
    at InnerThemeProvider (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:108555:67)
    at ThemeProvider (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:107463:5)
    at ThemeProvider (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:108575:5)
    at ProductMetaReview (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:132677:19)
    at div
    at div
    at ProductSingleDetails (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:132920:20)
    at div
    at Container (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:134071:23)
    at ProductPage (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:137283:24)
    at main
    at div
    at Layout (http://dev.etma.site/_next/static/chunks/pages/products/%5BproductSlug%5D/%5Bslug%5D.js?ts=1680587655234:131448:23)
    at UIProvider (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:12728:72)
    at CartProvider (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:12113:99)
    at ManagedUIContext (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:12912:23)
    at Hydrate (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:67267:23)
    at QueryClientProvider (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:67342:21)
    at PresenceChild (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:18809:23)
    at AnimatePresence (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:18970:23)
    at CustomApp (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:13178:25)
    at I18nextProvider (http://dev.etma.site/_next/static/chunks/pages/_app.js?ts=1680587655234:54335:19)
    at AppWithTranslation
    at ErrorBoundary (http://dev.etma.site/_next/static/chunks/main.js?ts=1680587655234:725:47)
    at ReactDevOverlay (http://dev.etma.site/_next/static/chunks/main.js?ts=1680587655234:841:23)
    at Container (http://dev.etma.site/_next/static/chunks/main.js?ts=1680587655234:8855:5)
    at AppContainer (http://dev.etma.site/_next/static/chunks/main.js?ts=1680587655234:9351:24)
    at Root (http://dev.etma.site/_next/static/chunks/main.js?ts=1680587655234:9490:25)
ReactJS Next.js 警告

评论

答：

1赞 XRT-NoOne 4/4/2023 #1

您可以一起搜索这些字符串，以查找代码库中首次出现有关同时使用“table”和“p”的警告的位置。这可以帮助您确定有问题的精确代码行。

另一种方法是通过不注释某些代码片段并测试警告是否消失来隔离问题。这可以帮助您识别麻烦的代码并解决问题。

评论

0赞 Faeze Gholami 4/4/2023
我搜索了一下，但什么也没找到
1赞 khewdev 4/4/2023 #2

检查包含元素的文件夹下的所有组件。products<table>

你在里面用吗？<table><p>

评论

0赞 Faeze Gholami 4/4/2023
不，我检查了所有这些，仅在一个组件中使用了表，它只是被主题提供程序包装
0赞 khewdev 4/4/2023
您是否设法解决了您的问题？您正在使用什么主题提供商？
0赞 Faeze Gholami 4/5/2023
还没有。我使用 MUI 主题提供程序

上一个：如何修复 React 中的“列表中的每个子项都应该有一个唯一的'key' prop”警告？

下一个：警告：遇到两个使用相同密钥“8e7c86-5982-4e5-88-fcbc65e0”的孩子。键应该是唯一的，以便组件保持其标识