Chrome和Firefox源图无效

Question

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

我正在使用Grunt作为我的任务选手。这是工作流程。

1. Babel将我的javascript转换为.tmp文件夹。
2. Uglify concats并缩小.tmp文件夹中的javascript文件，并将它们输出到dist文件夹。
3. Uglify创建一个源图文件。

当我查看源图文件时，它具有指向.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'
        }
    }
}

您可以在开发工具中查看文件。



如果我点击文件，请点击并选择“在新标签页中打开链接”，我收到错误消息Cannot GET /.tmp/includes/jsbin/check_compat.js

Answer 1

您的js文件底部是否有正确的引用？

应该是这样的：

//# sourceMappingURL=main.js.map