atomでScroll-Magicが使えない

タイトルの通りです。
デバッグ用のインジケータすら表示されません。
一応、Bracketsで試したところ(恨めしいことに)正常に動作しました。
Preview-plusやBrowser-plusも試してみたのですが上手くいきませんでした。
何かの拡張機能が邪魔をしているのか、設定が間違っているのかわかりません。
わかる方、教えてくださるとありがたいです。

##HTML

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> </head> <body> <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script src="plugins/rellax.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script> <script src="index.js" defer></script> <link rel="stylesheet" href="index.css"> <img src="./images/metaton.jpg" class="metaton"> </body> </html> ##css @charset 'utf-8';

html,
body
{
font-family: 'Helvetica Neue';

width: 100%;
height: 10000px;
margin: 0;
padding: 0;

}

.metaton
{
position: absolute;
top: 75vh;
}
##JS
var controller = new ScrollMagic.Controller();
var scene = new ScrollMagic.Scene({triggerElement: ".metaton",duration: 300})
.setPin(".metaton")
.addIndicators({name: "Indicator Name"})
.addTo(controller);
##入れてある拡張機能
platformio-ide-terminal
atom-beautify
atom-html-preview
atom-turnjs
autocomplete-paths
color-picker
emmet（怪しいのはこの辺りでしょうか？）
file-icons
flex-tool-bar
highlight-selected
hyperclick
japanese-menu
minimap
pigments
project-manager
show-ideographic-space
split-diff
tag
toggler
tool-bar
Browser-plus