标签: livereload

Sublime Text 2 - 当前编辑的文件在外部更改时如何导致LiveReload刷新(如Visual Studio)

我安装了LiveReload,当我在浏览器中激活它时,它可以与Sublime Text通信并在检测到Sublime中的"Save"时重新加载当前页面.如果我只在Sublime Text编辑器中工作,这样可以正常工作.

但是我也在Visual Studio中使用同一组文件.我添加了Sublime Text作为外部进程从我的工具菜单运行,该菜单在运行时将当前编辑的页面及其光标位置传递给Sublime Text,因此当Sublime Text打开该文件时,我可以编辑同一文件并在同一当前行就像在Visual Studio中一样(这是Sublime接受光标位置作为输入命令参数的一个很好的特性).这也很好.

它不起作用的是我在Visual Studio中编辑了一个我在Sublime文本中打开并保存的文件,这个更改在Sublime中没有被检测为"保存"动作而我没有看到LiveReload功能.我认为文件只会在Sublime中重新加载.

有没有办法将来自外部程序的Sublime Text中当前编辑的文件的更改视为"保存"操作,这又会在浏览器中触发LiveReload？

我不想为sublime和Visual Studio提供2个重载解决方案.我可以同时打开2位编辑.理想情况下,有一个LiveReload插件会导致Visual Studio和Submlime文本刷新,这将是很好的

谢谢,

拉德

我是Grunt和Javascript/Coffeescript的新手.

我们在一个包含数百个.coffee文件的大型项目中使用Grunt.由于Grunt编译了所有的咖啡文件(尽管只有一个文件已经更改),我最初的问题是如何让Grunt只编译一个更改的文件.使用stackoverflow我能够回答这个问题,谢谢大家:)

但现在似乎已实施的解决方案打破了实时重载.当我从"grunt服务器"开始并在浏览器中显示我的页面时,一切看起来都很好.然后我更改一个.coffee文件并保存.文件被编译(我已检查),但我的浏览器从未被重新加载.只有当我手动重新加载浏览器时,才会显示新修改的代码.

所以问题是:为什么livereload不再有效？

我不知道这是否重要,但Gruntfile是在旧版本中使用yeoman创建的(使用grunt-regarde).我使用grunt-contrib-watch和buildin livereload将package.json和Gruntfile更新为更新的规范.没有grunt.event.on一切正常.

来源(部分):

grunt.initConfig({

    watch: {
            coffee: {
                files: ['<%= yeoman.app %>/coffeescripts/**/*.coffee'],
                tasks: ['coffee:app'],
                options: {
                    nospawn: true
                },
            },
            compass: {
                files: ['<%= yeoman.app %>/styles/**/*.{scss,sass}'],
                tasks: ['compass']
            },
            templates: {
                files: ['<%= yeoman.app %>/templates/**/*.tpl'],
                tasks: ['handlebars']
            },
            livereload: {
                options: {
                    livereload: LIVERELOAD_PORT
                },
                files: [
                    '<%= yeoman.app %>/*.html',
                    '<%= yeoman.tmp %>/styles/**/*.css',
                    '<%= yeoman.tmp %>/scripts/**/*.js',
                    '<%= yeoman.tmp %>/spec/**/*.js',
                    '<%= yeoman.app %>/img/{,*/}*.{png,jpg,jpeg,webp}',
                ]
            }
        },
        coffee: {
            app: {
                expand: true,
                cwd: …

我无法为我的生活获得livereload与我的ember cli项目一起工作.这是我第一次尝试livereload,所以我不知道这个问题是否特定于ember cli,或者我的Mac环境是否没有为它设置.

这是我安装的

$ ember --version:
  version: 0.0.46
  node: 0.10.32
  npm: 1.4.27

以下是我运行的一切:

$ ember new foo-bar
$ cd foo-bar
$ ember server
version: 0.0.46
Livereload server on port 35729
Serving on http://0.0.0.0:4200

导航到http://localhost:4200Chrome浏览器会向我展示ember应用.

现在,如果我对'application.hbs'进行更改然后保存,则浏览器不会更新.为了启用livereload,我需要做些什么特别的事情吗？

我意识到这个问题类似于不使用ember-cli的live-reload,但是这个问题的答案并没有解决我的问题.

我正在尝试设置一个简单的服务器来测试一些d3.js的东西.我正在关注tagtree.tv上的截屏视频.我的代码与他匹配,但是当我对JS或SASS文件进行更改时,我无法重新加载我的index.html.

我是新手,因为我可以说事情看起来不错,但这是基于我的假设,即对connect.reload()的调用将重新加载任何浏览器正在查看其内容.应该注意的是,livereload JS正被插入到我的index.html文件中.

我的目录结构如下:

d3play
 -bower_components
 -dist
   -css
   -scripts
 - node_modules
 -sass
 -scripts
 gulpfile.js
 index.html
 package.json

我的gulpfile.js看起来像这样:

var gulp = require('gulp'),
  connect = require('gulp-connect'),
  traceur = require('gulp-traceur'),
  sass = require('gulp-ruby-sass');

gulp.task('connect', function(){
  connect.server({
    livereload: true
  });
});

gulp.task('reload', function(){
  gulp.src('./dist/**/*.*')
  .pipe(connect.reload());
});

gulp.task('sass', function(){
  gulp.src('./sass/*.scss')
  .pipe(sass())
  .pipe(gulp.dest('./dist/css'));
});

gulp.task('traceur', function(){
  gulp.src('./scripts/*.js')
  .pipe(traceur())
  .pipe(gulp.dest('./dist/scripts'));
});

gulp.task('watch', function(){
  gulp.watch(['./sass/*.scss'], ['sass']);
  gulp.watch(['./scripts/*.js'], ['traceur']);
  gulp.watch(['./dist/**/*.*'], ['reload']);
});

gulp.task('default', ['connect', 'sass', 'traceur', 'watch']);

我在本地环境中的 eclipse 上的嵌入式 tomcat 服务器上运行 spring boot 应用程序，并启用了 spring 开发工具。而且我还在应用程序中配置了 spring web flow。以下是版本详情。

Spring Boot 1.5.3.RELEASE
Spring Web Flow 2.4.4.RELEASE

开发工具的 pom 配置为

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-devtools</artifactId>
    <optional>true</optional>
    <scope>runtime</scope>
</dependency>

我在资源下的“application.properties”中用于 livereload 和重新启动的 devtools 配置是

spring.devtools.livereload.enabled=true
spring.devtools.restart.additional-exclude=/webapp/**,WEB-INF/view/**
spring.devtools.restart.enabled=true

设置上述属性后，livereload 和自动重启工作没有任何问题。但是 spring-webflow 相关的功能在应用程序中不起作用。

由于已知问题 spring-dev-tools 和 spring-web-flow 不能很好地发挥作用，我不得不将此属性作为解决方法修复在 /resources/META-INF 下的“spring-devtools.properties”文件中如下所示。

restart.include.spring=/spring-[\\s\\S]+\.jar

此属性修复了 spring-web-flow 问题，但 livereload 服务器未启动。服务器控制台日志也没有显示它已经在某某端口上启动了 livereload 服务器。

我无法确定导致此问题的原因。

任何人都可以帮忙吗？

更新： 我似乎无法完成这项工作。我认为上面提到的解决方法是在 Restart Classloader 中包含 dev-tools 类，从而阻止 livereload 服务器启动。

如果我错了，请纠正我。

我正在尝试在 Angular 项目的资产中下载由 Spring Boot 生成的文件。当我从 Angular 服务调用 Spring API 时，Angular CLI 在 Assets Angular 文件夹中创建文件后重新编译项目，然后在从 Spring Boot API 获取响应之前重新加载页面。

我尝试通过多种方式从 Angular 调用 Spring Boot API：

• 在我的组件的 ngOnInit() 中调用 api
• 在我的组件的构造函数中调用 api
• 在单独的函数中调用 api
• 在下载功能中使用异步等待

我不知道如何继续

弹簧靴

 @GetMapping(path = "/downloads/{fileId}", produces = "application/json")
    @ResponseBody
    public ResponseEntity<String> download(@PathVariable String fileId){
        Gson gson = createGson();

        List<com.bioimis.blp.entity.File> fileById;

        try {
            fileById = fileRepository.findFileById(fileId);

        } catch (Exception e) {
            logger.error(e.getMessage());
            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body(null);
        }

        if (fileById.isEmpty()) {
            logger.error(fileId + " not found");
            return ResponseEntity.status(HttpStatus.NOT_FOUND).body(null);
        } …

在IE8中进行测试时,由于不支持Web套接字,LiveReload会抛出错误.有没有办法配置yeoman禁用LiveReload？

我正在使用 Angular 5。

热重载大约需要 8 秒，这是合理的（虽然不是很好）但是有什么方法可以配置它以便我可以调整它以使其更快？

担心随着应用程序的增长它会变得更慢。谢谢。

带有ionic 4的iOS设备上的Livereload（离子Cordova运行ios -l）似乎不起作用。它停留在初始屏幕的初始加载中。我已经尝试了离子项目开始空白后马上进行新项目，但仍然无法正常工作。

浏览器上的livereload（离子服务）和模拟器（离子cordova模拟ios -l）工作正常。

离子信息：

Ionic:

   ionic (Ionic CLI)  : 4.0.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.11

Cordova:

   cordova (Cordova CLI) : 7.1.0
   Cordova Platforms     : ios 4.5.5

System:

   ios-deploy : 2.0.0
   NodeJS     : v8.11.3 (/usr/local/bin/node)
   npm        : 5.6.0
   OS         : macOS High Sierra
   Xcode      : Xcode 9.4.1 Build version 9F2000


Device info:
iphone X, iOS 11.4 (15F79)

有没有人知道如何解决这个问题？

谢谢

我正在尝试使用面向 ASP.NET Core 3.1 的 Angular 模板在 Visual Studio 2019 中搭建一个全新的 ASP.NET Core Web 应用程序。

当应用程序工作时，实时重新加载只会工作一两次，然后就会完全停止工作，无论您是对 .ts 文件还是 .html 文件进行更改。关闭 Visual Studio，然后使用任务管理器关闭 Node.js 实例有时会使其再次工作，但如果幸运的话，它只会在再次中断之前进行一次或两次实时重新加载。

我可以看出，每次保存更改时，Angular CLI 都会重新编译我的代码，因为我所要做的就是单击浏览器中的地址栏，然后按 Enter 键即可看到我的更改得到反映。因此，这似乎主要是尝试向浏览器发送刷新命令时失败。

我试图缩小这个问题的范围：

• 将 ClientApp 文件夹中的 Angular 版本升级到 9.1 或降级到 5.2.0。在这两种情况下，我仍然遇到实时重新加载错误。它似乎与所使用的 Angular 版本无关，而是与我所针对的 .net core 版本相关。

• 使用命令提示符启动我的 Angular 项目（npm start），然后访问 localhost:4200 - 在这种情况下，每次我将更改保存到 ClientApp 文件夹中的文件时，实时重新加载都会起作用 - 但我已有效地将 .net core 从在这里循环。在这种情况下，我不再使用 ASP.NET Core 来提供我的 Angular SPA。

• 使用命令提示符启动我的 Angular 项目 (npm start)，然后按以下方式编辑我的 Startup.cs：

    if (env.IsDevelopment())
    {
        //spa.UseAngularCliServer(npmScript: "start");
        spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");
    }

在这种情况下，实时重新加载错误仍然存​​在

• 使用 Angular 模板在 Visual …