canjs/canjs

We CAN build the impossible! https://codepen.io/justinbmeyer/pen/yEGGoK

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

@RALifeCoach https://github.com/cherifGsoul/can-playground

sorry I didnt ignore node_modules

Christopher Oliphant

@RALifeCoach

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

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

I get "steal.js:2648 GET http://localhost:8090/modules/page.players-redesign/player-bio/player-bio.stache.js 404 (Not Found)"

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"
    }
  },

and put the ! back in

then you will no errors and no output

not even the console.log output

Mohamed Cherif Bouchelaghem

@cherifGsoul

yes

Christopher Oliphant

@RALifeCoach

do I need to revert to 2.3? or can this be diagnosed fairly quickly?

Mohamed Cherif Bouchelaghem

@cherifGsoul

I told you is not ready for production :)

for production use 2.3 for now

Christopher Oliphant

@RALifeCoach

okay - we will go back to 2.3

Where communities thrive

People

Repo info

Activity