我记得在 Next.js 12 中,dependencies和仍然遵循这个答案devDependencies的规则。但现在,当我输入 时,所有已安装的依赖项(无论它们仅用于开发还是同时用于开发和生产)都在 内。pnpm create next-appdependencies
// Next 12
"dependencies": {
"next": "12.1.2",
"react": "17.0.2",
"react-dom": "17.0.2"
},
"devDependencies": {
"@types/node": "17.0.23",
"@types/react": "17.0.43",
"@types/react-dom": "17.0.14",
"eslint": "8.12.0",
"eslint-config-next": "12.1.2",
"typescript": "4.6.3"
}
// Next 13
"dependencies": {
"@types/node": "18.11.9",
"@types/react": "18.0.25",
"@types/react-dom": "18.0.8",
"eslint": "8.27.0",
"eslint-config-next": "13.0.2",
"next": "13.0.2",
"react": "18.2.0",
"react-dom": "18.2.0",
"typescript": "4.8.4"
}
Run Code Online (Sandbox Code Playgroud)
Next.js 13 会自动为我进行缩小吗?我应该不顾create-next-app建议而手动将它们分开吗?我在文档中找不到答案。
我正在尝试传播错误,以便我可以在不影响原始错误的情况下更改错误。
const error = new Error('Error test');
const freeError = {...error};
console.log(error, freeError);Run Code Online (Sandbox Code Playgroud)
但输出是一个空对象{}。我期待freeError至少有一个 message 属性,但没有。
这是 JavaScript 功能的一部分还是我的代码或引擎有问题?
我知道解决这个问题的方法,但它需要额外的工作{...error, message: error.message}。所以,是的,我所需要的只是澄清一下,这样我就可以确定我没有遗漏任何东西。谢谢你。
我正在尝试构建一个使用纱线工作区的项目。
这就是我想在我的设置中完成的任务:
> root
> packages
> client
package.json
- graphql
> server
package.json
- graphql
package.json
- graphql
Run Code Online (Sandbox Code Playgroud)
我在我的根目录中安装了 graphql,package.json因为graphql-codegen需要它在那里(否则它会给我未满足的依赖警告墙!)。
AFAIK,如果我想在多个工作区中安装相同的依赖项,我需要在内部指定它peerDependency,所以我这样做了。我尝试graphql在 server 内部进行对等安装package.json,但随后yarn在下面给了我这个警告并安装graphql了dependencies。
> root
> packages
> client
package.json
- graphql
> server
package.json
- graphql
package.json
- graphql
Run Code Online (Sandbox Code Playgroud)
我错过了什么吗?
通过垂直表格,我的意思是每行的第一列是标题。像这样:
<table>
<tr>
<th>Header 1</th>
<td>Cell 1</td>
</tr>
<tr>
<th>Header 2</th>
<td>Cell 2</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
问题是,要将 渲染<TableCell />为 a,<th />我们需要将其包装在 内<TableHead />,否则它将渲染为<td />。但<TableHead />也不能放置在内部,<TableRow />因为它呈现为<thead />. 所以下面的代码将不起作用:
<Table>
<TableRow>
<TableHead>
<TableCell>Header 1</TableCell>
</TableHead>
<TableCell>Cell 1</TableCell>
</TableRow>
<TableRow>
<TableHead>
<TableCell>Header 1</TableCell>
</TableHead>
<TableCell>Cell 2</TableCell>
</TableRow>
</Table>
Run Code Online (Sandbox Code Playgroud)
那么,如何使用 Material-UI 实现第一个示例呢?