浏览器不使用Roots Sage同步服务器

Question

我正在尝试使用Wordpress和Roots Sage开发Wordpress主题。在我的主题文件夹中，我用[]安装了鼠尾草

composer create-project roots/sage my-theme
输入所有配置后，我尝试使用调用yarn start的webpack --hide-modules --watch --config resources/assets/build/webpack.config.js开始开发构建。

Browsersync然后给了我：

[BS] [HTML Injector] Running...
[Browsersync] Proxying: http://test.local
[Browsersync] Access URLs:
 ----------------------------------------
       Local: http://localhost:3000
    External: http://xxx:3000
 ----------------------------------------
          UI: http://localhost:3001
 UI External: http://xxx:3001
 ----------------------------------------
[Browsersync] Watching files...
浏览器选项卡打开，但是没有任何形式的响应。该页面一直在加载。

Webpack配置（resources/assets/build/webpack.config.js）是

{
  "entry": {
    "main": [
      "./scripts/main.js",
      "./styles/main.scss"
    ],
    "customizer": [
      "./scripts/customizer.js"
    ]
  },
  "publicPath": "/wp-content/themes/my-theme",
  "devUrl": "http://test.local",
  "proxyUrl": "http://localhost:3000",
  "cacheBusting": "[name]_[hash:8]",
  "watch": [
    "app/**/*.php",
    "config/**/*.php",
    "resources/views/**/*.php"
  ]
}
有什么想法吗？谢谢！

我正在尝试使用Wordpress和Roots Sage开发Wordpress主题。在我的主题文件夹中，我用作曲家create-project根目录/ sage my-theme安装了sage输入所有配置后，我尝试了...

Answer 1

有几种选择：