2015-10-26 75 views
3

源代码似乎在Chrome和Firefox中都停止工作。浏览器显示源文件名。当我点击该文件时,我收到此消息,无法获取/.tmp/includes/jsbin/marketing.js。 marketing.js是源文件的名称。我为每个源文件收到相同的消息。Chrome和Firefox源代码不起作用

我使用Grunt作为我的任务跑步者。这是工作流程。

  1. 巴别尔将我的javascript转换为.tmp文件夹。
  2. Uglify连接并缩小.tmp文件夹中的JavaScript文件并将它们输出到dist文件夹。
  3. Uglify创建一个源映射文件。

当我查看sourcemap文件时,它具有到.tmp文件夹中源文件的正确路径。

{"version":3,"sources":["../../../.tmp/includes/jsbin/check_compat.js","../../../.tmp/includes/jsbin/marketing.js"], 

这是一个新的工作流程。在其他项目中,当我没有使用babel的时候,事情很好。我在Chrome和Firefox的最新版本中遇到了此问题,即使是这些浏览器的Canary版本也是如此。

巴贝尔任务不会连续。

更新2015年10月27日

出于某种原因的.tmp文件夹没有得到服务。所以浏览器发现源文件存在源文件,但源文件是空的,因为服务器不提供它。

这里是我的咕噜任务:

config: { 
    app: 'app', 
    dev: 'dev', 
    dist: 'dist', 
    tmp: '.tmp' 
}, 
dist: { 
    options: { 
     base: ['<%= config.tmp %>', '<%= config.dist %>'], 
     open: { 
      target: 'http://localhost:<%= connect.options.port %>?envMode=apiary&testing=true' 
     } 
    } 
} 

你可以看到在开发工具中的文件。

enter image description here

如果我右边的文件,单击并选择“在新标签页中打开链接”我得到错误信息Cannot GET /.tmp/includes/jsbin/check_compat.js

回答

0

你有你的JS文件的底部正确的参考?

应该是这样的:

//# sourceMappingURL=main.js.map 
相关问题