Snap.svg w angularze

0

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)

0

Kod możesz udostępnić?

0

@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>
0

Już działa:) Rozwiązaniem było dorzucenie do webpacka:

{
        test: require.resolve('snapsvg'),
        loader: 'imports-loader?this=>window,fix=>module.exports=0'
 }

1 użytkowników online, w tym zalogowanych: 0, gości: 1