小编Shi*_*m91的帖子

我会非常简短地说：

我最近切换到 Nextjs 13，我注意到当我通过 localhost 在 localhost 上运行我的应用程序时速度非常慢npm run dev

页面加载甚至需要 10 秒甚至更长的时间，这怎么可能？

致所有使用Nextjs的用户：您知道这是新版本13的问题吗？你遇到同样的问题吗？

关于将infowindow分配给地图中的每个标记,我遇到了问题.

JS代码:

for (i=0;i<location.length;i++){
    var id = location[i][0];
    var name = location [i][1];
    var pos = new google.maps.LatLng(location[i[3],location[i][4]);


    var contentString = id;
    var infowindow = new google.maps.InfoWindow({content:contentString});
    var marker= new google.maps.Marker({position: pos, map: map, title: id});

    marker.addListener('click', function() { infowindow.open(map, this);

});

问题是我的点击处理程序将为每个标记显示相同的"id"(显示的id是我的数据库中我的LAST记录的id).有没有办法显示每个标记的每个infowindow？

我想在我的 Web 应用程序中启用热模块替换，这样我可以加快我的开发时间。

我关注了这篇文章：https : //duske.me/setting-up-hot-module-replacement-with-create-react-app-and-redux/

我重写了我的 index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {render} from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {Provider,connect} from 'react-redux';
import FirebaseConfig from './FirebaseConfig';
import firebase from 'firebase';
import configureStore from './configureStore';

firebase.initializeApp(FirebaseConfig);
const store = configureStore();

render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)

serviceWorker.unregister();

我创建了一个configureStore.js：

import {createStore,applyMiddleware} from 'redux';
import reducer from './reducers';
import thunk from 'redux-thunk';
import {composeWithDevTools} …

我正在尝试在 Chakra UI 中使用 React Server 组件（使用 NextJS 13），但我认为这还不可能。

来自 Chakra UI 文档 ( https://chakra-ui.com/getting-started/nextjs-guide ):\n

在我的示例中，我想获取服务器组件中的数据，然后渲染它

import { Text } from "@chakra-ui/react";\n\nasync function getData() {\n  const res = await fetch("http://localhost:3000/api/products");\n  if (!res.ok) {\n    throw new Error("Failed to fetch data");\n  }\n\n  return res.json();\n}\n\nexport default async function Page() {\n  const data = await getData();\n  return <Text>{data.length}</Text>;\n}

\n

正如预期的那样，我收到一个错误：

\n

./node_modules/@chakra-ui/accordion/dist/chunk\xe2\x80\x94JDQBKIKM.mjs\nReactServerComponentsError:\n您正在导入需要 useState 的组件。它仅在客户端组件中工作，但其父组件都没有标记为“使用客户端”，因此默认情况下它们是服务器组件。

\n

因为我试图在服务器端组件中仅导入客户端兼容组件（文本）。

有什么解决办法吗？