Карты источников CoffeeScript загружены, но источники не получены Chrome

Я пытаюсь заставить исходные карты работать для моего CoffeeScript в Chrome. Я вижу, что coffee правильно генерирует исходные карты, и на самом деле инструменты разработчика Chrome показывают, что файл исходной карты успешно получен с моего локального HTTP-сервера.

Однако сам файл .coffee не извлекается, хотя я могу GET вручную выполнить его в браузере.

Я подозреваю, что это может иметь какое-то отношение к структуре каталогов. Каталог, из которого я обслуживаю HTTP (используя простой сервер Python), выглядит так:

./
  index.html ("includes" 'lib/coffeedrag.js)
  src/
    coffeedrag.coffee
  lib/
    coffeedrag.js
    coffeedrag.map

Итак, когда я открываю index.html в браузере, файлы .js и .map загружаются правильно. Файл .map выглядит так:

{
  "version": 3,
  "file": "coffeedrag.js",
  "sourceRoot": "..",
  "sources": [
    "src/coffeedrag.coffee"
  ],
  "names": [],
  "mappings": "[ trimmed for brevity ... ]"
}

Что может помешать Chrome получить coffeedrag.coffee?

Assaf Lavie 04.11.2013 источник

Ответы (1)

arrow_upward
1
arrow_downward

Chrome загружает файл исходных карт для JS-файла из небольшого комментария в файле, например:

/*
//@ sourceMappingURL=app.js.map
*/

Обычно это удаляется из компилятора CoffeeScript, если вы не укажете флаг --bare: http://coffeescript.org/#usage< /а>

Например, в моем Gruntfile.coffee у меня есть:

module.exports = (grunt) ->
  grunt.initConfig
    coffee:
      dev:
        expand: true
        cwd: 'assets/js/'
        dest: '<%= coffee.dev.cwd %>'
        ext: '.js'
        src: [
          '*.coffee'
          '**/*.coffee'
        ]
        options:
          bare: true
          sourceMap: true

Затем это открывает файлы CoffeeScript для Chrome: