React/Next.js 似乎不适用于 Apexcharts

大佬教程收集整理的这篇文章主要介绍了React/Next.js 似乎不适用于 Apexcharts，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决React/Next.js 似乎不适用于 Apexcharts？

问题

当我在任何文件中 @H_489_5@import Chart from "react-apexcharts" 时，我的 Next.js/React/Node 应用程序崩溃。尝试访问应用会导致以下错误：
@H_489_5@Server Error
@H_489_5@ReferenceError: window is not defined
@H_489_5@This error happened while generaTing the page. Any console logs will be displayed in the terminal window.
（请参阅下面的调用堆栈）。 无论导入的 @H_489_5@<Chart/> 是在页面中呈现还是未使用，都会发生这种情况。有趣的是，如果我保存一个文件并启动 Next.js 快速刷新，我的应用程序开始正常工作（有时）。但是，当我刚刚启动应用程序并尝试访问它时，或者当我使用 f5 手动刷新时，就会发生上述错误。基本上，它只在 Next.js 快速刷新后有效（有时，大概是随机的，它在这种情况下也不起作用，抛出与以前相同的错误）。

环境

Node.Js (14.16.0)、React (17.0.2)、Express (4.17.1)、Next.js (10.2.0)、@H_489_5@react-apexcharts (1.3.9)、{{1} } (3.26.3)，Edge 浏览器，Win10。
Next.js 服务器与 Express 服务器集成在一起。

日志记录

@H_489_5@apexcharts

解决方法

@H_489_5@import dynamic from 'next/dynamic'

const DynamicComponentWithNoSSR = dynamic(
  () => import('yourcomponent using react apex-charts'),{ ssr: false }
)

大佬总结

以上是大佬教程为你收集整理的React/Next.js 似乎不适用于 Apexcharts全部内容，希望文章能够帮你解决React/Next.js 似乎不适用于 Apexcharts所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。