我正在尝试在 TypeScript/NextJS 项目中使用 Firebase，但未能使其正常工作。我可以导入它并初始化应用程序：import * as firebase from "firebase/app";import { collection, getDocs } from "firebase/firestore";const firebaseConfig= ({apiKey: "",au
2021-05-17
我有一个数组，当我检查长度（array.length）时，它返回未定义，只有页面被刷新。如果我在 chrome 的新选项卡中打开本地环境，一切都正常，我得到了数组的长度。只有在刷新页面一次后，页面崩溃，我得到以下错误：“TypeError：无法读取未定义的属性‘length’”。我正在为项目使用 React、React 的 Context API（我从上下文提供程序中获取数组）和 Nextjs。我
2019-12-16
我想使用 React 上下文 API 将 RTCPeerConnection 实例传递给我的 React 组件树。我知道 Nextjs SSR 功能，它首先在服务器端渲染组件。我看到许多针对此问题的解决方案，我可以使用 next/dynamic imports 来动态导入 React 组件或使用 useEffect 中的 Awaited import 加载 SDK，但它们都不符合我的需求。这是代码
2023-03-02
我尝试在用 typescript 编写的项目中使用该 lib powerbi-client-react，但在尝试运行它时出现以下错误：我的组件代码：import { PowerBIEmbed } from 'powerbi-client-react';import { models } from 'powerbi-client';// aditional declarete from use "w
2023-01-31
我正在使用带有 Next-auth 的 mantine 模板，并尝试在应用程序中实现 sessionProvider，但出现错误“session is not defined”在 session provider 上实现 session 时出错----编辑---- 仅在 sessionProvider 上使用 session 时的错误代码error - pages\_app.tsx (33:38)
2022-09-02
我正在尝试将 Google 日历用作 Next.js 项目中 Fullcalendar 组件的来源。该组件工作正常，问题在于事件来源。我一直在遵循官方教程（已过时），使用我生成的 API 密钥和通用的 Google 假日日历。教程链接这给了我ReferenceError：XMLHttpRequest 未定义错误。<Calendarplugins={[dayGridPlugin, listPlugi
2021-12-09
ReferenceError：window 未定义当 NextJS 尝试呈现页面时，此错误会在服务器端引发。但您可以在useEffect钩子中使用window，如此处所述。我的问题是如何创建自定义钩子。我尝试过类似这样的操作：export const useEventListener = (target: EventTarget, event: string, listener: EventLis
2021-02-28
当我使用 useQuery 时，就像下面这样，按照 react-query 文档中的使用方式，它会发送无限数量的获取请求。文档还说获取不会自动抛出错误。因此，我尝试了以下相同的代码，但使用 try-catch 块的 getAlbums。我还尝试在 useQuery 钩子中的对象中配置 staleTime，但它没有起作用，我真的不知道什么是过时时间。哈哈。请帮帮我。试图在周一之前完成这个项目在我的控
2020-12-26
我收到错误：ReferenceError：未定义 CustomEvent。我知道 CustomEvent 仅在浏览器（客户端）中可用，但我尝试将此函数用作事件：const mouseEnterHandler = () => {eventDispatcher('cursor', {label: 'test',})}onMouseEnter={mouseEnterHandler()}export c
AxiosConfig.jsimport axios from "axios";import { store } from "./redux/store";import { login, logout } from "./redux/slices/user";const baseURL = process.env.NEXT_PUBLIC_API_URL;axios.defaults.baseURL
chrome 上的错误图片使用 Next.js 13我在 google chrome 上收到此错误，我该如何修复它（或者可能只是忽略它）。我没有使用 Codemirror，也不想使用它。我试过：删除“.next”、“node_modules”、“package-lock.json”npm cache clear --forcenpm install; npm run dev$npm list├──
2022-11-17
我无法在 next.js 中加载 react leaflet Marker。在这里我调用了我的地图组件。const MapSearch = dynamic(import('../../components/Map'), {ssr: false,loading: () => (<div style={{textAlign: 'center', paddingTop: 20}}>Chargement…
2020-08-29
我有一个表单，该表单应该将文件（图像）上传到 NextJs API 路由。我尝试使用表单的引用来检索表单值。但是，当我尝试在 onSubmit 函数中访问表单时，引用仍然为空。我知道引用在第一次渲染时可以为空，但我认为在提交表单时，引用应该已经解析。表单如下所示：<form ref={formRef} onSubmit={onFormSubmit}><label htmlFor="image">I
2021-12-22
我全新安装了 Next.js，并且希望能够使用import和async/await等。我已更新 .babelrc{"plugins": [["module-resolver",{"root": ["."],"alias": {"styles": "./styles"},"cwd": "babelrc"}],["wrap-in-js",{"extensions": ["css$"]}]],"pres
2017-05-19
探索 NextJS 的服务器端渲染功能。它看起来非常好用。我已经探索了_document.js文件，我们可以将其包含以覆盖默认值。我在一个示例中找到了以下代码：import Document, { Head, Main, NextScript } from 'next/document'export default class MyDocument extends Document {render
2018-08-29