使用`theme` Typescript在`makeStyles`中设置`fontWeight`时出错`not assingable`

Question

我正在将 NextJS 项目与 MUI 一起使用，并且我正在尝试使用 theme 函数中的 theme 设置来设置 fontWeight 属性。只有在 docker 容器内构建时才会发生错误。在本地构建工作正常。

export const useTableStyles = makeStyles(theme =>
    createStyles({
        spannedTableCell: {
            fontWeight: theme.typography.fontWeightBold
        }
    })
);

但是，当我的 docker 容器正在构建时，我收到以下错误：

我在容器和本地都使用节点 v16.13.0

容器（node:lts-alpine3.12）：

本地：

这是typography 主题设置：

typography: {
    fontFamily: '"Roboto", serif',
    fontSize: 16,
    fontWeightLight: 300,
    fontWeightRegular: 400,
    fontWeightMedium: 500,
    fontWeightBold: 700,
    htmlFontSize: 16
},

我使用的 MUI 版本

"@material-ui/core": "^4.12.2",
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.60",
"@material-ui/pickers": "^3.3.10",

编辑： 我将硬编码的值更改为bold、normal 等，现在它可以正常工作了

Answer 1

在开发应用程序时最好不要将^ 用于已安装的版本，以确保所有开发人员都使用完全相同版本的软件包。

还要确保在 Docker 容器中使用 npm ci 而不是 npm install 安装软件包。

我怀疑目前您正在执行npm install，它在容器中安装与本地不同（可能较新）的包，这会导致不同的结果。执行npm ci 将解决此问题，因为它将安装您的package-lock.json 文件所描述的确切软件包，该文件有望检入您的GIT 或任何版本控制工具。