小编Bru*_*rum的帖子

我一直在尝试通过 GitHub Actions 构建和推送我的 Docker 映像，并将它们推送到我的 Docker 注册表。

为此，我一直在使用以下工作流程文件：

name: Docker publish

on:
  push:
    branches: [ develop ]

  workflow_dispatch:

jobs:

  build:

    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v2

      - name: Set up QEMU
        uses: docker/setup-qemu-action@v1

      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v1

      - name: Login to registry
        uses: docker/login-action@v1
        with:
          registry: https://registry.domain.com
          username: ${{ secrets.REGISTRY_USERNAME }}
          password: ${{ secrets.REGISTRY_PASSWORD }}

      - name: Build and push web
        id: docker_build_web
        uses: docker/build-push-action@v2
        with:
          push: true
          context: ./web
          tags: registry.domain.com/web:latest

      - name: Build …

我的代码有一个奇怪的问题，我有一个样式化的组件 div，它环绕着另一个组件，如下所示：

<ContentWidget>
  <BookDay />
</ContentWidget>

（Bookday 返回一个空的 div 所以这应该不是问题）

我的样式组件 ContentWidget 是一个空样式组件 div，声明如下：

const ContentWidget = styled.div``;

奇怪的是我有更多的 contentwidgets 充满了加载我的 web 应用程序内的其他组件的内容。所有进口都很好，因为它在开发中工作得很好。但是每当我运行时，npm run build我都会在控制台中收到以下错误消息。

./app/containers/Dashboard/Dashboard.js 中的错误 41:18 模块解析失败：意外的关键字“var”（41:18）您可能需要适当的加载程序来处理此文件类型。| 从“basicComponents/ForegroundBlob/ForegroundBlob”导入ForegroundBlob；| 从“basicComponents/ForegroundBlob/ForegroundBlobWrapper”导入ForegroundBlobWrapper；

导入 BookDay，{ var _ref = | / #纯/ | _jsx(ContentWidget, {}, void 0, _jsx(BookDay, {})); 来自“组件/BookDay/BookDay”；@ ./app/containers/PracticePage/PracticePage.js 40:0-55 58:5-14 @ ./app/containers/PracticePage/Loadable.js @ ./app/containers/App/App.js @ ./app /app.js @ 多 ./node_modules/react-app-polyfill/ie11.js ./app/app.js

我发现每当我用标准的 div 标签更改标签时，它似乎都应该像它应该的那样构建。我从来没有像现在这样困惑过。