小编Sne*_*ake的帖子

Next.js 13 devDependency?

我记得在 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建议而手动将它们分开吗?我在文档中找不到答案。

dependencies bundling-and-minification next.js

32
推荐指数
1
解决办法
8213
查看次数

对象传播错误导致没有消息属性

我正在尝试传播错误,以便我可以在不影响原始错误的情况下更改错误。

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}。所以,是的,我所需要的只是澄清一下,这样我就可以确定我没有遗漏任何东西。谢谢你。

javascript custom-errors object-destructuring

5
推荐指数
1
解决办法
354
查看次数

Yarn 工作区共享依赖项

我正在尝试构建一个使用纱线工作区的项目。
这就是我想在我的设置中完成的任务:

> 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在下面给了我这个警告并安装graphqldependencies

> root
  > packages
    > client
        package.json
          - graphql
    > server
        package.json
          - graphql
  package.json
    - graphql
Run Code Online (Sandbox Code Playgroud)

我错过了什么吗?

dependencies monorepo peer-dependencies yarn-workspaces

5
推荐指数
0
解决办法
1202
查看次数

Material-UI 中的垂直表

通过垂直表格,我的意思是每行的第一列是标题。像这样:

<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 实现第一个示例呢?

html-table material-ui

2
推荐指数
2
解决办法
9966
查看次数