title: Im having a problem building docker for my nuxtjs app hot reload not working
body: <p>Im having a problem building docker for my nuxtjs app</p>
  <p>Im building a docker for develop my nuxt app but hot reload not working in container, shared volumes are working fine the only problem is the hot reload</p>
  <p>my system is a windows using docker on a wsl</p>
  <p>I added my dockerfile, docker compose and package.json files below</p>
  <p>This is my Dockerfile</p>
  <pre><code>WORKDIR /usr/src/app
  COPY . ./
  RUN yarn install
  EXPOSE 3000
  ENV HOST=0.0.0.0
  ENV PORT=3000
  CMD [ &quot;yarn&quot;, &quot;dev&quot; ]
  </code></pre>
  <p>and my docker-compose.yml</p>
  <pre><code>version: &quot;3&quot;
  services:
    aplication:
      working_dir: /usr/src/app
      build:
        context: .
      volumes:
        - ./src/:/usr/src/app/src/
      image: wetrack-nuxt
      environment:
        - CHOKIDAR_USEPOLLING=true
        - NODE_ENV=development
      ports:
        - 3000:3000
  </code></pre>
  <p>This is my package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;minton&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;nuxt&quot;,
      &quot;build&quot;: &quot;nuxt build&quot;,
      &quot;start&quot;: &quot;nuxt start&quot;,
      &quot;generate&quot;: &quot;nuxt generate&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@ckeditor/ckeditor5-build-classic&quot;: &quot;^22.0.0&quot;,
      &quot;@ckeditor/ckeditor5-vue&quot;: &quot;^1.0.2&quot;,
      &quot;@fullcalendar/bootstrap&quot;: &quot;^5.3.0&quot;,
      &quot;@fullcalendar/core&quot;: &quot;^5.3.0&quot;,
      &quot;@fullcalendar/interaction&quot;: &quot;^5.3.0&quot;,
      &quot;@fullcalendar/list&quot;: &quot;^5.3.0&quot;,
      &quot;@fullcalendar/timegrid&quot;: &quot;^5.3.0&quot;,
      &quot;@fullcalendar/vue&quot;: &quot;^5.3.0&quot;,
      &quot;@nuxtjs/axios&quot;: &quot;^5.13.6&quot;,
      &quot;apexcharts&quot;: &quot;^3.20.0&quot;,
      &quot;bootstrap&quot;: &quot;^4.5.0&quot;,
      &quot;bootstrap-vue&quot;: &quot;^2.15.0&quot;,
      &quot;c3&quot;: &quot;^0.7.20&quot;,
      &quot;chart.js&quot;: &quot;^2.9.3&quot;,
      &quot;chartist&quot;: &quot;^0.11.4&quot;,
      &quot;firebase&quot;: &quot;^7.19.1&quot;,
      &quot;nuxt&quot;: &quot;^2.14.0&quot;,
      &quot;nuxt-i18n&quot;: &quot;^6.15.0&quot;,
      &quot;simplebar-vue&quot;: &quot;^2.0.0-beta.4&quot;,
      &quot;sweetalert2&quot;: &quot;^9.17.1&quot;,
      &quot;v-click-outside&quot;: &quot;^3.1.0&quot;,
      &quot;v-mask&quot;: &quot;^2.2.3&quot;,
      &quot;vue-apexcharts&quot;: &quot;^1.6.0&quot;,
      &quot;vue-c3&quot;: &quot;^1.2.11&quot;,
      &quot;vue-chartist&quot;: &quot;^2.3.1&quot;,
      &quot;vue-chartjs&quot;: &quot;^3.5.1&quot;,
      &quot;vue-count-to&quot;: &quot;^1.0.13&quot;,
      &quot;vue-draggable&quot;: &quot;^2.0.6&quot;,
      &quot;vue-easy-lightbox&quot;: &quot;^0.14.0&quot;,
      &quot;vue-form-wizard&quot;: &quot;^0.8.4&quot;,
      &quot;vue-knob-control&quot;: &quot;^1.6.0&quot;,
      &quot;vue-multiselect&quot;: &quot;^2.1.6&quot;,
      &quot;vue-number-input-spinner&quot;: &quot;^2.2.0&quot;,
      &quot;vue-quill-editor&quot;: &quot;^3.0.6&quot;,
      &quot;vue-slide-bar&quot;: &quot;^1.2.0&quot;,
      &quot;vue-string-filter&quot;: &quot;^2.1.0&quot;,
      &quot;vue-switches&quot;: &quot;^2.0.1&quot;,
      &quot;vue-tour&quot;: &quot;^1.5.0&quot;,
      &quot;vue2-datepicker&quot;: &quot;^3.6.2&quot;,
      &quot;vue2-dropzone&quot;: &quot;^3.6.0&quot;,
      &quot;vue2-google-maps&quot;: &quot;^0.10.7&quot;,
      &quot;vuelidate&quot;: &quot;^0.7.5&quot;,
      &quot;vuex&quot;: &quot;^3.5.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;node-sass&quot;: &quot;^4.14.1&quot;,
      &quot;sass-loader&quot;: &quot;^10.0.1&quot;
    }
  }
  
  </code></pre>