使用create-react-app和Skaffold kubernetes的行为不稳定且缓慢

抽屉柜

我让Skaffold与本地开发服务器和数据库部署配合良好。我正在尝试在create-react-app前端工作,但是行为异常缓慢且不稳定。

问题

主要问题如下:

  1. skaffold dev --port-forward --tail最终运行起来需要5分钟以上的时间运行仅需docker build不到30秒。
  2. 当它最终开始旋转时,它只Starting the development server...需要再等待两分钟即可。
  3. 然后,十分之九,几分钟后出现以下错误(有3个,因为那是多少个副本): 在此处输入图片说明

    十分之一,它实际上会进入。但Compiled Successfully! You can now view in the browser.它永远不会在Chrome中启动。

  4. 在create-react-app中对JS的更改永远不会反映在新的浏览器中。您必须停止并再次运行Skaffold。Skaffold确实会说Syncing 1 files for <image>... Watching for changes...,但是即使刷新后也不会改变。

我尝试过的

  1. 我确实简化了我想做的事情,以使其更容易解决,所以我只使用了OOTBcreate-react-app应用程序。无论如何,行为都是相同的。
  2. minikube deleteminikube start数次(这样做是因为即使是服务器部署开始尝试后无法正常作用create-react-app

复制代码和步骤

我在macOS Mojave(10.14.6)上使用Docker for Mac,Kubernetes(v1.16.0),minikube(v1.4.0),Skaffold(v0.39.0)和create-react-app由于这相当冗长,因此我将不得不跳过所有这些安装过程,因此以下步骤假定您已经进行了设置。

  1. 制作项目目录:

    mkdir project

  2. 创建一个Kubernetes清单目录并进入其中:

    mkdir k8s && cd k8s

  3. 制作client-deployment.yaml并添加以下内容:

    apiVersion: apps/v1
    kind: Deployment
    metadata:
      name: client-deployment
    spec:
      replicas: 3
      selector:
        matchLabels:
          component: web
      template:
        metadata:
          labels:
            component: web
        spec:
          containers:
            - name: client
              image: testapp/client
              ports:
                - containerPort: 3000
    
  4. 制作client-cluster-ip-service.yaml并添加以下内容:

    apiVersion: v1
    kind: Service
    metadata:
      name: client-cluster-ip-service
    spec:
      type: ClusterIP
      selector:
        component: web
      ports:
        - port: 3000
          targetPort: 3000
    
  5. 返回到父级:

    cd ..

  6. 创建一个skaffold.yaml并添加以下内容:

    apiVersion: skaffold/v1beta15
    kind: Config
    build:
      local:
        push: false
      artifacts:
        - image: testapp/client
          context: web
          docker:
            dockerfile: Dockerfile.dev
          sync:
            manual:
              - src: "**/*.js"
                dest: .
              - src: "**/*.html"
                dest: .
              - src: "**/*.css"
                dest: .
    deploy:
      kubectl:
        manifests:
          - k8s/client-deployment.yaml
          - k8s/client-cluster-ip-service.yaml
    portForward:
      - resourceType: service
        resourceName: client-cluster-ip-service
        port: 3000
        localPort: 3000
    
  7. 开始一个新create-react-app项目:

    npx create-react-app test-app

  8. 转到目录:

    cd test-app

  9. 创建一个Dockerfile.dev并添加以下内容:

    FROM node:alpine
    
    WORKDIR '/app'
    EXPOSE 3000
    CMD ["npm", "run", "start"]
    
    COPY package* ./
    RUN npm install
    COPY . .
    
  10. 创建一个.dockerignore文件并添加以下内容:

    node_modules
    *.swp
    
  11. 返回父目录:

    cd ..

  12. 确保minikube正在运行:

    minikube start

  13. 运行skaffold.yaml

    skaffold dev --port-forward --tail

这就是给我带来问题的原因。

抽屉柜

好。漠视。从一个副本开始,效果很好。两个工作正常。如果skaffold已经开始运行,那么三个就可以了,但是不是刚开始运行的skaffold dev --port-forward --tail

skaffold ssh然后做了一个top内存用完了……利用率高达86%。将其从默认的2GB增加到8GB,现在可以正常使用了。

首先使用删除VM,minikube delete然后使用创建新的VM minikube start --memory='8g'现在一切都好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Skaffold和create-react-app停止工作

来自分类Dev

UserDefaults 和 If/else 不稳定行为

来自分类Dev

使用Python和bleak库通知蓝牙GATT设备,但结果不稳定

来自分类Dev

C ++和优化中缺少返回值的不稳定行为

来自分类Dev

ckEditor,AngularJS和Bootstrap 3模态-insertText()行为不稳定

来自分类Dev

C ++和优化中缺少返回值的不稳定行为

来自分类Dev

在C / Python程序中使用无符号长整型时的行为不稳定

来自分类Dev

在C / Python程序中使用无符号长整型时的行为不稳定

来自分类Dev

ListView在Android上滚动不稳定且缓慢

来自分类Dev

关于不稳定和同步

来自分类Dev

使用AudioQueue播放不稳定的音频

来自分类Dev

使用AudioQueue播放不稳定的音频

来自分类Dev

如何判断我在使用Debian稳定还是不稳定?

来自分类Dev

使用原始包装器填充数组和集合时性能不稳定的原因是什么?

来自分类Dev

在 GKE 上使用 Ingress 构建的 HTTP-LoadBalancer 在 http-allowance 和 NOT http-allowance 之间不稳定

来自分类Dev

不稳定的 QSqlDatabase 行为

来自分类Dev

如何使用Create React App和TypeScript启用可选链接

来自分类Dev

每晚使用“使用不稳定的库功能'集合'”

来自分类Dev

Raspberry Pi和Arduino之间的串行通信不稳定

来自分类Dev

Ubuntu 18.04频繁崩溃和不稳定

来自分类Dev

自17.10起,视频和动画不稳定

来自分类Dev

alsaloop 和 bluez-alsa 不稳定

来自分类Dev

是否建议使用“不稳定”的angularjs库?

来自分类Dev

使用转换比例时文本不稳定

来自分类Dev

使用setTimeout的交错动画很不稳定

来自分类Dev

如何使用Openlayers 3的不稳定特性?

来自分类Dev

使用mplayer播放不稳定的音频CD

来自分类Dev

使用mplayer播放不稳定的音频CD

来自分类Dev

使用身份验证时AngularJS路由不稳定

Related 相关文章

  1. 1

    Skaffold和create-react-app停止工作

  2. 2

    UserDefaults 和 If/else 不稳定行为

  3. 3

    使用Python和bleak库通知蓝牙GATT设备,但结果不稳定

  4. 4

    C ++和优化中缺少返回值的不稳定行为

  5. 5

    ckEditor,AngularJS和Bootstrap 3模态-insertText()行为不稳定

  6. 6

    C ++和优化中缺少返回值的不稳定行为

  7. 7

    在C / Python程序中使用无符号长整型时的行为不稳定

  8. 8

    在C / Python程序中使用无符号长整型时的行为不稳定

  9. 9

    ListView在Android上滚动不稳定且缓慢

  10. 10

    关于不稳定和同步

  11. 11

    使用AudioQueue播放不稳定的音频

  12. 12

    使用AudioQueue播放不稳定的音频

  13. 13

    如何判断我在使用Debian稳定还是不稳定?

  14. 14

    使用原始包装器填充数组和集合时性能不稳定的原因是什么?

  15. 15

    在 GKE 上使用 Ingress 构建的 HTTP-LoadBalancer 在 http-allowance 和 NOT http-allowance 之间不稳定

  16. 16

    不稳定的 QSqlDatabase 行为

  17. 17

    如何使用Create React App和TypeScript启用可选链接

  18. 18

    每晚使用“使用不稳定的库功能'集合'”

  19. 19

    Raspberry Pi和Arduino之间的串行通信不稳定

  20. 20

    Ubuntu 18.04频繁崩溃和不稳定

  21. 21

    自17.10起,视频和动画不稳定

  22. 22

    alsaloop 和 bluez-alsa 不稳定

  23. 23

    是否建议使用“不稳定”的angularjs库?

  24. 24

    使用转换比例时文本不稳定

  25. 25

    使用setTimeout的交错动画很不稳定

  26. 26

    如何使用Openlayers 3的不稳定特性?

  27. 27

    使用mplayer播放不稳定的音频CD

  28. 28

    使用mplayer播放不稳定的音频CD

  29. 29

    使用身份验证时AngularJS路由不稳定

热门标签

归档