Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
Christopher Oliphant
@RALifeCoach
I was trying to use steal and ES6
Can I use can 3.0 and not use steal?
Mohamed Cherif Bouchelaghem
@cherifGsoul
maybe for some packages but not all look at the dist folders
Christopher Oliphant
@RALifeCoach
why would I try to use commonJS modules?
Mohamed Cherif Bouchelaghem
@cherifGsoul
canjs 3.0 is written in commonjs
maybe it works well like this for now
Christopher Oliphant
@RALifeCoach
is there someone who can help me now? (I know you all have full time jobs as well as working on CanJS.)
It seems that working with CanJS is now my full time job.
Mohamed Cherif Bouchelaghem
@cherifGsoul
what kind of help? :)
Christopher Oliphant
@RALifeCoach
getting this very simple example to run
I don’t know commonJS and I would prefer not to have to learn it
Mohamed Cherif Bouchelaghem
@cherifGsoul
it's plain javascript
nothing more
just instead of import use require
like in the docs
Christopher Oliphant
@RALifeCoach
I switched my code from es6 using imports to be standard js with require. It is still not executing the code. The load works when I specify "system": { "ext": { "stache": "can-stache" } }, in package.json
But the code doesn’t run.
If I do not have the ext in package then it generates the state.js file not found
stache.js
Mohamed Cherif Bouchelaghem
@cherifGsoul
@RALifeCoach I did just this
var stache = require('can-stache');
console.log(stache);
I can see the stache object in the console
even with ES6 it work fine
Christopher Oliphant
@RALifeCoach
please show all of what you did.
Mohamed Cherif Bouchelaghem
@cherifGsoul
I will put it on a branch
Christopher Oliphant
@RALifeCoach
I need to see the invoking html and the module that you had you code in, the package json file, etc. Thanks
Mohamed Cherif Bouchelaghem
@cherifGsoul
ok we will go step by step is the first time with can 3 for me too :)
Mohamed Cherif Bouchelaghem
@cherifGsoul
sorry I didnt ignore node_modules
Christopher Oliphant
@RALifeCoach
np
I am working along side you
I commented out everything except one console.log
Now I am adding lines back in one at a time
Mohamed Cherif Bouchelaghem
@cherifGsoul
package.json has nothing complicated
Christopher Oliphant
@RALifeCoach
yes
now require a stache template
Mohamed Cherif Bouchelaghem
@cherifGsoul
ok
Christopher Oliphant
@RALifeCoach
I have everything back in except for the template
Mohamed Cherif Bouchelaghem
@cherifGsoul
what you mean?
Christopher Oliphant
@RALifeCoach
var Component = require('can-component');
var Map = require('can-map');
var $ = require('jquery');
var stache = require('can-stache');
// var template = require('./player-bio.stache!');
//
var PlayerBioViewModel = Map.extend({

});

console.log('ajhgjasgjahsgjhagshjgas');
Component.extend({
    tag: 'pgat-player-bio',
    template: stache('<div>Hello World</div>'),
    viewModel: PlayerBioViewModel,
    events: {
        inserted: function () {
            console.log('here and here');
        }
    }
});

$(document.body).append(stache('<pgat-player-bio></pgat-player-bio>'));
when I uncomment the template line - the code no longer runs
with the template line commented out the component loads and the cone.log values are shown
Mohamed Cherif Bouchelaghem
@cherifGsoul
just // var template = require('./player-bio.stache');
Christopher Oliphant
@RALifeCoach
yes - commented out everything works - uncommented nothing works
Mohamed Cherif Bouchelaghem
@cherifGsoul
I mean var template = require('./player-bio.stache');
without the "!"
Christopher Oliphant
@RALifeCoach
the ! prevents steal from adding .js
Mohamed Cherif Bouchelaghem
@cherifGsoul
yes I have the same error now
Christopher Oliphant
@RALifeCoach
now add that section to the package.json
  "system": {
    "ext": {
      "stache": "can-stache"
    }
  },