Question

我正在设置grunt-contrib-watch和grunt-contrib-connect进行实时重载，如下所示：

watch: {
  options: {
    livereload: true,
  },
  files: ['src/**/*'],
  tasks: ['serve']
},
connect: {
  server: {
    options: {
      port: 8000,
      base: './dist',
      hostname: '0.0.0.0',
      protocol: 'http',
      livereload: true,
      open: true,
    }
  }
},

但是当连接尝试重新加载时出现此错误：

Running "connect:server" (connect) task
Fatal error: Port 8000 is already in use by another process.

我尝试了几个不同的端口，但是有相同的问题。

我不知道grunt-contrib-connect服务器如何与其自己的端口发生冲突。

如何使它正常工作？

Answer 1

几个要求：

确保您尚未在其他地方启动localhost 8000。如果您有两个在同一端口上运行的本地服务器，它将无法正常工作。 （在终端中检查您的其他标签）

确保以下内容位于您的html中（与其他js一起位于底部）

<script src="//localhost:35729/livereload.js"></script>

然后尝试这样的事情：

connect: {
        server: {
            options: {
              port: 8000,
              hostname: 'localhost',
              livereload: 35729,
              open:{
                target: "http://localhost:8000"
              }
            }
        }
    },       
    watch: {
        options: {
          livereload: true,
        },          
        css: {
            files: ['src/**/*'],
            options: {
                spawn: false,
            },
        },
        html: {    
            files: ["**/*.html"]
        }                
    },

然后，您可以根据需要设置任务：

grunt.registerTask("server", ["connect", "watch"]); // Type grunt server -- Creates a server and checks for any changes in the html/css

Answer 2

事实证明，serve任务是我启动服务器的位置，因此它每次尝试重新加载时都试图启动另一个服务器。我将其切换为dev任务，在该任务中重新编译了站点，但没有启动服务器。

Answer 3

可能是不同的情况，但是无论我在gruntfile中设置哪个端口号，我都有完全相同的错误消息。原来，问题是由于我将端口号定义为字符串而不是数字。

Grunt连接（grunt-contrib-connect）livereload：致命错误：端口8000已被另一个进程使用

3 个答案: