Question

所以我有一个create-react-app-ts应用，我想对其进行Dockerize并托管在Zeit Now上。

在本地一切正常，运行yarn tsc和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...，也可以在本地复制该文件。

因此，在react-scripts-ts时，打字稿或NODE_ENV=production的行为似乎有所不同。我以前从未遇到过此错误，而且我也不知道如何调试它。在本地运行NODE_ENV=production tsc或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"]
}

任何建议将不胜感激！：）

编辑：向Dockerfile添加了env var args。出于简洁起见，最初将其省略，但最终成为问题和解决方案的一部分

Answer 1

所以我终于找到了问题！在我原来的Dockerfile中，NODE_ENV被设置为之前 yarn install。这意味着对于生产版本，yarn将不会安装devDependencies，因此不会安装我的任何@types库。这导致了整个项目的所有编译错误。

在NODE_ENV中将yarn install的定义{strong>在之下/之后解决了该问题。

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，因此不必担心会膨胀您的构建。：）

当NODE_ENV = production时，打字稿编译失败（在Docker中）

1 个答案: