EmberJS Revolution Slider Failed to execute 'setAttribute' on 'Element':

Every time I add the component{{rev-slider}} I created screen goes blank on load. I also tryied to eliminate the component and add the html straight into the index page to see if it was a handlebars problem, but still the same error. Here is the console

Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '"' is not a valid attribute name.
2http://0.0.0.0:4200/csp-report Failed to load resource: net::ERR_ADDRESS_INVALID
localhost/:1 [Report Only] Refused to load the stylesheet 'http://ift.tt/1iYwcJN' because it violates the following Content Security Policy directive: "style-src 'self'".
localhost/:1 [Report Only] Refused to load the stylesheet 'http://ift.tt/1tsUSl3' because it violates the following Content Security Policy directive: "style-src 'self'".
:4200/assets/bootstrap.css.map:1 GET     http://localhost:4200/assets/bootstrap.css.map 404 (Not Found)

Here is the html I am putting out

<div class="tp-banner-container">   
    <div class="tp-banner" >
        <ul>
            <!-- THE BOXSLIDE EFFECT EXAMPLES  WITH LINK ON THE MAIN SLIDE EXAMPLE -->
            <li data-transition="boxslide" data-slotamount="7">
                <img src="assets/images/about-main-bg.jpg">
                <div class="caption sft medium_grey"  data-x="400" data-y="100" data-speed="700" data-start="1700" data-easing="easeOutBack">KICKSTART YOUR WEBSITE</div>
                <div class="caption sfb medium_grey"  data-x="400" data-y="142" data-speed="500" data-start="1900" data-easing="easeOutBack">WITH SLIDER REVOLUTION!</div>
                <div class="caption lfr medium_grey"  data-x="400" data-y="210" data-speed="300" data-start="2000">UNLIMITED TRANSITIONS</div>
            </li>
            <li data-transition="boxslide" data-slotamount="7">
                <img src="assets/images/catalog-bg.jpg"">
                <div class="caption sft medium_grey"  data-x="400" data-y="100" data-speed="700" data-start="1700" data-easing="easeOutBack">KICKSTART YOUR </div>
                <div class="caption sfb medium_grey"  data-x="400" data-y="142" data-speed="500" data-start="1900" data-easing="easeOutBack">WITH SLIDER REVOLUTION! 2</div>
                <div class="caption lfr medium_grey"  data-x="400" data-y="210" data-speed="300" data-start="2000">UNLIMITED TRANSITIONS 2</div>
            </li>
        </ul>
    </div>
</div> 

Any suggestions on what could be going wrong?