Dockerizing React приложение рендеринга ошибка в Windows - PullRequest
0 голосов
/ 23 января 2019

Мой файл докера

FROM node:alpine

WORKDIR '/app'

COPY package.json .

RUN npm install

COPY . .

CMD ["npm","run" , "start"]

Мой файл docker-compose.yml

version: '3'
services:
    web:
      build:
        context: .
        dockerfile: Dockerfile
      ports:
        - "3000:3000"
      volumes:
        - .:/app

Это базовое приложение React с докером, и я хочу понять, как его объем докераработаю, я дошел до докера со сборкой разработки, означающей запуск npm, и я хочу видеть изменения в реальном времени в браузере,

Когда я менял App.js в каталоге хоста, тогда те же изменения происходили с файлами Docker, тогдастраница просмотра может обновляться новым кодом,

Но когда я пытаюсь в Windows, App.js изменил Host Directory, затем App.js изменился во внутреннем Docker-контейнере, но не обновляя веб-страницу,

Когда я пытаюсь увидеть файлы в контейнере, я вижу изменения в App.js в контейнере, затем, когда я сохраняю App.js и завершаю работу, а затем обновляю веб-страницу, я вижу изменения на странице, я не могу понять, что мне нужноdo?

Мои файлы хоста изменились, затем изменился файл контейнера Docker, но страница Chorme не может отобразить новые изменения,

Мой код меняет файл App.js на хостеdirectory

 render() {
    return (
      <div>
        <form onSubmit={this.sendToRedis}>
          <h1>Docker Changes 1</h1>

И App.js в Docker-контейнере я вижу с помощью

docker exec -ti [ContainerName] sh
cat /App/src/App.js

И App.js в Docker-контейнере

 render() {
    return (
      <div>
        <form onSubmit={this.sendToRedis}>
          <h1>Docker Changes 1</h1>

Но рендерингМои старые коды в браузере

Когда я пытаюсь сохранить файлы, измените их в контейнере

vi /App/src/App.js  wq in the vi

, тогда Обновление браузера и я вижу мои изменения

Ребята, вы можетепомогите мне?

А когда я меняю App.js в контейнере Docker, обновляется Browse, и новые изменения могут отображаться: D

Кстати, извините за мою английскую структуру предложений

...