时间戳

首页 > 解决方案 > 容器化的 webpack-dev-server 不响应文件更改

reactjs - 容器化的 webpack-dev-server 不响应文件更改

问题描述

我有一个作为 docker-compose 设置的一部分运行的 React 应用程序，具有以下配置：

version: "3.7"

services:
  client:
    image: node:10-jessie
    volumes:
      - ./client:/app:rw
    ports:
      - 9000:9000
    working_dir: /app
    command: npm run dev
...

client卷指向的文件夹，有 webpack.config.js 和文件src夹。当我运行docker-compose up应用程序加载正常。我可以导航到localhost:9000并查看我的应用程序，通过导航到控制台，我可以看到启用了实时重新加载。

但是，当我对文件进行更改时，如果我在本地运行应用程序，webpack-dev-server 会检测到并更新这些文件，但不会捕获任何更改。如果我手动刷新页面，也不会检测到更改。

有没有人对我做错了什么有任何建议？我很乐意提供更多我的代码，我只是不确定最初传达我的问题还需要什么。

标签： reactjsdockerwebpack-dev-server

解决方案

我通过将以下内容添加到我的 webpack.config.js 解决了这个问题：

watchOptions: {
   ignored: /node_modules/,
   aggregateTimeout: 300,
   poll: 500
},

推荐阅读