Terminal Grunt watch livereload不在MAMP上工作

Terminal Grunt watch livereload不在MAMP上工作,terminal,gruntjs,mamp,watch,livereload,Terminal,Gruntjs,Mamp,Watch,Livereload,我正在使用grunt,试图让watch/livereload任务在我的本地服务器(MAMP)上运行,但没有成功 我正在调用基于HTML5样板文件grunt文件(,)的任务 我也尝试过实现Tiny lr(),但也没有成功 我现在的连接和观看选项如下 connect: { options: { hostname: 'localhost', livereload: 35729, port: 8888 },

我正在使用grunt,试图让watch/livereload任务在我的本地服务器(MAMP)上运行,但没有成功

我正在调用基于HTML5样板文件grunt文件(,)的任务

我也尝试过实现Tiny lr(),但也没有成功

我现在的连接和观看选项如下

connect: {
    options: {
        hostname: 'localhost', 
        livereload: 35729,
        port: 8888              
    },
    livereload: {
        options: {
            base: '../',
            open: true
        }
    },
},
watch: {
    files: '<%= settings.dir.src %>/**',
    less: {
      files: ['src/less/*.less'],
      tasks: ['less'],
    },
    options: {
        livereload: '<%= connect.options.livereload %>'
    },
    scripts: {
        files: ['<%= settings.dir.src %>/js/*.js', 'css/**/*.scss' ],
        tasks: 'default',
        options: {
            spawn: false,
        }
    }
}
当我运行“grunt dev”时,我的浏览器会在
http://127.0.0.1:8888/
并仅显示以下内容:无法获取/

我需要我的浏览器打开
http://localhost:8888/ctrl/
(ctrl是MAMP上文件夹项目的名称,可以是任何名称),我认为更改“base”选项是可行的,但不是,我也不能将“/ctrl”添加到主机名或端口

有什么想法吗? 多谢各位


这里是我全部代码的链接:

我想你误解了grunt中的两个任务

connect任务用于创建由node js生成的http服务器,因此不支持php或mysql,您不希望通过该任务运行WP站点

监视任务是查找计算机上文件的更改,在文件更改后启动相应的任务,然后触发实时重新加载

在监视任务中复制实时重新加载对象后,应完全删除连接

您应该运行本地lamp堆栈以运行wp,然后启动监视任务以查看文件更改

在wp端,您应该将实时重新加载脚本排队,或者使用浏览器扩展插件为您注入脚本

// development task
grunt.registerTask('dev', [
  'connect:livereload',
  'watch'
]);