Исходные карты Chrome и Firefox не работают

Question

Похоже, исходные карты перестали работать на меня в Chrome и Firefox. Браузеры показывают имена исходных файлов. Когда я нажимаю на файл, я получаю это сообщение: Cannot GET /.tmp/include/jsbin/marketing.js. marketing.js - это имя исходного файла. Я получаю одно и то же сообщение для каждого исходного файла.

Я использую Grunt в качестве моего бегуна задач. Вот рабочий процесс.

1. Бабель переносит мой JavaScript в папку.tmp.
2. Uglify concats и минимизирует файлы javascript в папке.tmp и выводит их в папку dist.
3. Uglify создает файл исходной карты.

Когда я смотрю на файл исходной карты, он имеет правильные пути к исходным файлам в папке.tmp.

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

Это новый рабочий процесс для меня. В других проектах, когда я не использовал babel, все работало просто отлично. У меня есть эта проблема в последних версиях Chrome и Firefox, даже канареечные версии этих браузеров.

Вавилонское задание не совпадает.

Обновление 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