BrowserSync 未在 Docker 中的 localhost:3000 上运行

问题描述

我正在使用 Roots Sage template 和 Docker compose。 browsersync 和 webpack 被用于编译 style/js 文件，它似乎在监视更改和编译。

但是，本地主机不更新样式和 localhost:3000 - browsersync 代理到的，不加载，谁能给我任何指示？

Config.json 文件

{
  "entry": {
    "main": ["./scripts/main.js","./styles/main.scss"],"customizer": ["./scripts/customizer.js"]
  },"publicPath": "/app/themes/theme","devUrl": "http://localhost","proxyUrl": "http://localhost:3000","cacheBusting": "[name]_[hash:8]","watch": ["app/**/*.PHP","config/**/*.PHP","resources/views/**/*.PHP"]
}

浏览器同步/webpack

module.exports = {
  devServer: {
    watchOptions: {
      poll: true,},output: {
    pathinfo: true,publicPath: config.proxyUrl + config.publicPath,watchOptions: {
    aggregateTimeout: 200,poll: 1000,devtool: '#cheap-module-source-map',stats: false,plugins: [
    new webpack.optimize.OccurrenceOrderPlugin(),new webpack.HotModuleReplacementPlugin(),new webpack.NoEmitOnErrorsPlugin(),new browserSyncPlugin({
      target,open: config.open,proxyUrl: config.proxyUrl,watch: config.watch,delay: 500,}),],};

Docker-compose YAML

version: "3.7"
services:
  app:
    image: docker.pkg.github.com/privaterepo/base-images/wordpress:latest
    restart: unless-stopped
    environment:
      XDEBUG_CONfig: remote_host=host.docker.internal remote_port=9000 remote_enable=1
      PHP_IDE_CONfig: "serverName=Docker"
    volumes:
      - ./:/app
      - ./extra/PHP.ini:/usr/local/etc/PHP/conf.d/app.ini
      - ./.logs:/container/logs
    links:
      - db
  web:
    image: Nginx:alpine
    restart: unless-stopped
    ports:
      - 80:80
      - 443:443
    volumes:
      - ./:/app
      - ./extra/Nginx:/etc/Nginx/conf.d
      - ./.logs:/container/logs
    links:
      - app
  db:
    image: mariadb:10.4
    restart: unless-stopped
    ports:
      - 3306:3306
    environment:
      MysqL_USER: user
      MysqL_PASSWORD: pass
      MysqL_DATABASE: database
      MysqL_ROOT_PASSWORD: password
    volumes:
      - db:/var/lib/MysqL
  build:
    image: node:lts
    restart: unless-stopped
    depends_on:
      - web
    ports:
      - 3000:3000
      - 3001:3001
    volumes:
      - ./:/app
    # entrypoint: npm --prefix=/app run watch
volumes:
  db:

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）