当 NODE_ENV=生产时，Typescript 编译失败（在 Docker 中）

所以我有一个create-react-app-ts我想将其 Docker 化并托管在 Zeit Now 上的应用程序。

本地一切正常，正在运行yarn tsc and react-scripts-ts build效果很好。

通过以下 Dockerfile 创建 Docker 映像也非常有效：

FROM mhart/alpine-node:10.9
WORKDIR /usr/src

ARG REACT_APP_API_ENDPOINT
ARG NODE_ENV

COPY yarn.lock package.json ./
RUN yarn

COPY . .
RUN yarn build && mv build /public

但是，当发布到 Now 时，构建脚本在 Typescript 编译上失败，输出项目中大多数文件的编译错误。

如果我设置，我也可以在本地重现该内容ENV NODE_ENV production在我上面的 Dockerfile 中WORKDIR....

所以看来 Typescript 或react-scripts-ts当NODE_ENV=production。我以前从未遇到过这个错误，我不知道如何调试它。跑步NODE_ENV=production tsc or NODE_ENV=production react-scripts-ts build在本地也运行良好。

我正在使用以下配置运行 Typescript v 3.0.1：

{
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "build/dist",
    "module": "esnext",
    "target": "es6",
    "lib": ["es6", "dom", "esnext.asynciterable"],
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true,
    "allowSyntheticDefaultImports": true,
    "strict": true
  },
  "exclude": ["node_modules", "build", "scripts", "acceptance-tests", "webpack", "jest", "src/setupTests.ts"]
}

任何建议将不胜感激！ :)

EDIT：将环境变量参数添加到 Dockerfile 中。最初为了简洁起见，它被排除在外，但它最终成为问题和解决方案的一部分

所以我终于找到了问题所在！在我原来的Dockerfile, NODE_ENV已设置before yarn install。这意味着对于生产构建，yarn不会安装devDependencies，因此不是我的任何@types图书馆。这导致了整个项目的所有编译错误。

移动定义NODE_ENV 下面/之后 yarn install in the Dockerfile解决了这个问题。

FROM mhart/alpine-node:10.9
WORKDIR /usr/src

COPY yarn.lock package.json ./
RUN yarn

ARG REACT_APP_API_ENDPOINT
ARG NODE_ENV

COPY . .
RUN yarn build && mv build /public

注：据我所知，yarn build将确保删除devDependencies再次强调，所以不要担心你的构建会变得臃肿。 :)