宏斌的博客

Next.js 会自动检测 `jsconfig.json `或 `tsconfig.json` 中的`experimentalDecorators`。

多文件引用只会连接一次。

此情况只会在项目不部署后第一位访问的用户的客户端出现之后的用户访问socket已经创建完毕，想要避免可以在请求之前手动触发服务,例如发送一个请求。因为是服务端被动的创建socket连接所以第一次socket连接会失败这时服务端会创建socket连接，客户端经过短暂时间后下次轮询就会连接成功。如果使用typescript使用新的类型将socket添加。之后就不会在socket连接中失败(正常能够连接的情况下)在请求时创建socket连接。

需要注意的是 next环境变量分为服务端和客户端。服务端使用的环境变量 名字随意 只要不是。客户端使用的环境变量 名字需要以。

next在服务器中运行因此无法使用。因此需要在客户端做一个初始化工作。向window对象添加类型定义。

参考styled-components文档的实现方式和官方案例

通过修改默认的文档结构 插入字体加载的样式 比起引入css文件要更快一步。

在next中使用three.js 解析模型时 loader需要传入模型地址 但是next导入的模型文件直>接解析了 遂尝试 next的服务端功能 返回项目文件。

有趣的问题 不论怎么使用Clock对象都没问题 这居然报错 不是一个构造函数 查询stackoverflow后尝试从clock源文件出导入 结果成功。因为next是服务端 没有window对象 浏览器加载后才有window对象 需要将使用window的地方换到useEffect或其他地方。我将已有的程序移动到next.js中出现了一些问题。例如 初始化相机时使用了window对象。

在Next.js中使用 new Image() 会报错未定义const image = useRef<HTMLImageElement>(new Image());解决const image = useRef(null);<img ref={image} style={{ opacity: 0, }}/>

需要放在public目录下<img src={`/images/xLogo.net.png`} alt="x-store" />

全局安装sudo yarn global add create-next-app创建yarn create next-democd next-demo指定端口打开。npm run dev -- -p 3001 or yarn dev -p 3001文件结构样式使用import styles from "../styles/Home.module.css";{/* import 外部css文件要加.module */}export default function Home() { r