Próbuje podpiąć pod angulara biblioteke snap.svg lecz dostaje błędy przy kompilacji webpacka, jquery ładuje globalnie w app.js,
window.jQuery = window.$ = require('jquery');
w czym może być problem? (Screen w załączniku)
Próbuje podpiąć pod angulara biblioteke snap.svg lecz dostaje błędy przy kompilacji webpacka, jquery ładuje globalnie w app.js,
window.jQuery = window.$ = require('jquery');
w czym może być problem? (Screen w załączniku)
Kod możesz udostępnić?
@Westen poniżej kod:
controller:
export default class TestController {
constructor () {
'ngInject';
}
s = Snap("#mysvg");
var circleFromDom1 = Snap("#circle1");
console.log('circleFromDom1', circleFromDom1);
circleFromDom1.animate({ fill: 'blue' }, 2000);
var circleFromDom2 = Snap.select("#circle2");
console.log('circleFromDom2', circleFromDom2);
circleFromDom2.animate({ fill: 'red' }, 2000);
var circle3 = s.circle(100,300,20)
.animate({ fill: 'yellow' }, 2000);
var circle4 = s.circle(100,400,20).attr({ id: 'circle4' });
s.select("#circle4").animate({ fill: 'green' }, 2000);
}
}
widok:
<svg id="mysvg" width="400" height="500">
<circle id="circle1" cx="100" cy="100" r="20"/>
<circle id="circle2" cx="100" cy="200" r="20"/>
</svg>
Już działa:) Rozwiązaniem było dorzucenie do webpacka:
{
test: require.resolve('snapsvg'),
loader: 'imports-loader?this=>window,fix=>module.exports=0'
}