<!DOCTYPE html>
<html>
<head>
<title>PGAT</title>
</head>
<body>
<script src="../../../node_modules/steal/steal.js" main="modules/page.players-redesign/player-bio/player-bio"></script>
<section class="clearfix">
<div class="player-bio">
</div>
</section>
</body>
</html>
import Component from 'can-component';
import Map from 'can-map';
import $ from 'jquery';
import stache from 'can-stache';
import template from './template-player-bio.stache!';
const PlayerBioViewModel = Map.extend({
});
export default Component.extend({
tag: 'pgat-player-bio',
template,
viewModel: PlayerBioViewModel,
events: {
inserted: function () {
console.log('here and here');
}
}
});
$(document.body).append(stache('<pgat-player-bio></pgat-player-bio>'));
import template from './player-bio.stache!’;
to import template from './player-bio.stache!can-stache’;
I stop getting error, but it stops reading the JS file