我有一个 NextJS 项目,我尝试使用 SWR 来获取数据。我的问题是:
useSWR
当我在一个组件中使用两个以上的-hooks 时,我会收到以下钩子错误:
Warning: React has detected a change in the order of Hooks called by ComponentExample. This will lead to bugs and errors if not fixed.
Uncaught Error: Update hook called on initial render. This is likely a bug in React. Please file an issue.
这是最小复制代码存储库:https ://github.com/LarsFlieger/swr-suspense-multiple
我正在Component.tsx
尝试进行 3 次提取并控制台记录输出:
"use client";
import useSWR from "swr";
const fetchWithDelay = async (url: string) => {
const delay = parseInt(url) * 1000;
await …
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用peerjs将主机与客户端连接。我有两个文件(一个用于主机,一个用于客户端)。主机将生成客户端用于连接到他的 peerId。它基本上是来自here的教程。
主机.html
const peer = new Peer()
peer.on('open', () => {
console.log('ID: ' + peer.id)
})
peer.on('connection', (conn) => {
conn.on('data', (data) => {
// Will print 'hi!'
console.log(data)
})
conn.on('open', () => {
conn.send('hello!')
})
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
客户端.html
const peer = new Peer()
const conn = peer.connect('1781a113-d095-4be5-9969-b80d9c364f6b')
conn.on('open', () => {
conn.send('hi!')
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
客户端未连接也未发送消息。我尝试使用他们的示例连接到我的主机,这是有效的。我能够向主机发送消息。我的客户有什么问题?
我有一个打字稿 NextJS 项目,其中包含以下内容.eslintrc.json
:
{
"extends": "next/core-web-vitals"
}
Run Code Online (Sandbox Code Playgroud)
我想添加一些额外的打字稿规则(例如不允许输入 any ( no-explicit-any
))。
npm install --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin
no-explicit-any
,更新解析器并添加插件。{
"extends": "next/core-web-vitals",
"parser": "@typescript-eslint/parser",
"plugins": [
"@typescript-eslint"
],
"rules": {
"@typescript-eslint/no-explicit-any": "warn"
}
}
Run Code Online (Sandbox Code Playgroud)
no-explicit-any
作品。然而,所有默认规则都next/core-web-vitals
不再起作用。所以我可以使用下一个或使用 typescript-eslint 规则。如何使用展位?
我有这个cypress.json
配置文件:
{
"env": {
"example": "Hello World!"
}
}
Run Code Online (Sandbox Code Playgroud)
在我的测试中:
Cypress.env("example")
Run Code Online (Sandbox Code Playgroud)
我可以向环境系统添加任何类型的定义吗?(与 Typescript 或 eslint 一起使用)我很想在这里使用智能感知。
我正在使用一个使用 Amazon 托管图像的 API。图像 URL 如下所示:
https://m.media-amazon.com/images/M/MV5BZmExNmEwYWItYmQzOS00YjA5LTk2MjktZjEyZDE1Y2QxNjA1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_UX128_CR0,3,128,176_AL_.jpg
https://m.media-amazon.com/images/M/MV5BOTI4NTNhZDMtMWNkZi00MTRmLWJmZDQtMmJkMGVmZTEzODlhXkEyXkFqcGdeQXVyNjc1NTYyMjg@._V1_UX128_CR0,3,128,176_AL_.jpg
...
Run Code Online (Sandbox Code Playgroud)
URL 的架构是这样的:
https://m.media-amazon.com/images/M/MV5BZmExNmEwYWItYmQzOS00YjA5LTk2MjktZjEyZDE1Y2QxNjA1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_UX128_CR0,3,128,176_AL_.jpg
https://m.media-amazon.com/images/M/MV5BOTI4NTNhZDMtMWNkZi00MTRmLWJmZDQtMmJkMGVmZTEzODlhXkEyXkFqcGdeQXVyNjc1NTYyMjg@._V1_UX128_CR0,3,128,176_AL_.jpg
...
Run Code Online (Sandbox Code Playgroud)
我想知道@符号后面的东西是什么设置?@._V1_UX128_CR0,3,128,176_AL_.jpg
有没有什么地方有文档什么参数做什么?压缩、宽度、高度?
我想构建一个网页来发送和接收主题。我正在使用mosquitto和MQTT.js。
protocol websockets
listener 1884
Run Code Online (Sandbox Code Playgroud)
sudo mosquitto -c /etc/mosquitto/mosquitto.conf
并得到
1647529861: mosquitto version 2.0.14 starting
1647529861: Config loaded from /etc/mosquitto/mosquitto.conf.
1647529861: Opening websockets listen socket on port 1884.
1647529861: mosquitto version 2.0.14 running
Run Code Online (Sandbox Code Playgroud)
mqtt.html
(完整源代码):
<script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
<script>
const client = mqtt.connect("ws://localhost:1884")
</script>
Run Code Online (Sandbox Code Playgroud)
问题:
00000000: 2002 0005
。当我检查蚊子的日志时:我得到了很多1647530429: Client mqttjs_b0e54ea4 closed its connection.
我正在运行:
LSB Version: n/a
Distributor ID: ManjaroLinux
Description: Manjaro Linux …
Run Code Online (Sandbox Code Playgroud)