Skaffold Kubernetes does not display React changes

3/28/2019

The issue:

When running skaffold and update watched files, I see the file sync update occur and nodemon restart the server, but refreshing the page doesn't show the change. It's not until after I stop skaffold entirely and restart that I see the change.

Syncing 1 files for test/dev-client:e9c0a112af09abedcb441j4asdfasfd1cf80f2a9bc80342fd4123f01f32e234cfc18
Watching for changes every 1s...
[client-deployment-656asdf881-m643v client] [nodemon] restarting due to changes...
[client-deployment-656asdf881-m643v client] [nodemon] starting `node bin/server.js`

The setup:

I have a simple microservices application. It has a server side (flask/python) and a client side (react) with express handling the dev server. I have nodemon on with the legacy watch flag as true (For Chokidar polling). On development I'm using Kubernetes via Docker for Mac.

Code:

I'm happy to post my code to assist. Just let me know which ones are most needed.

Here's some starters:

Skaffold.yaml:

apiVersion: skaffold/v1beta7
kind: Config
build:
  local:
    push: false
  artifacts:
    - image: test/dev-client
      docker:
        dockerfile: Dockerfile.dev
      context: ./client
      sync:
        '**/*.css': .
        '**/*.scss': .
        '**/*.js': .
    - image: test/dev-server
      docker:
        dockerfile: Dockerfile.dev
      context: ./server
      sync:
        '**/*.py': .
deploy:
  kubectl:
    manifests:
      - k8s-test/client-ip-service.yaml
      - k8s-test/client-deployment.yaml
      - k8s-test/ingress-service.yaml
      - k8s-test/server-cluster-ip-service.yaml
      - k8s-test/server-deployment.yaml

The relevant part from Package.json:

 "start": "nodemon -L bin/server.js",

Dockerfile.dev (Client side):

# base image
FROM node:10.8.0-alpine

# setting the working directory 
# may have to run this depending on environment
# RUN mkdir -p /usr/src/app 
WORKDIR /usr/src/app

# add '/usr/src/app/node_modules/.bin' to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

# install and cache app depencies
COPY package.json /usr/src/app/package.json
RUN npm install

# copy over everything else
COPY . .

# start the app.
CMD ["npm", "run", "start"]
-- dizzy
kubernetes
nodemon
reactjs
skaffold

1 Answer

3/31/2019

It turns out I was using the wrong pattern for my file syncs. **/*.js doesn't sync the directory properly.

After changing

sync:
        '**/*.css': .
        '**/*.scss': .
        '**/*.js': .

to

sync:
        '***/*.css': .
        '***/*.scss': .
        '***/*.js': .

It immediately began working.


Update: On the latest versions of skaffold, this pattern no longer works as skaffold abandoned flattening by default. You can now use **/* patterns and get the same results.

-- dizzy
Source: StackOverflow