ngtemplate-loader | Include AngularJS templates in the Webpack bundle | Script Programming library

I want to add fullcalendar to my project. In general almost everything works as expected. But now I'm facing with an issue that appears only on mobile devices. When I click on some row in a day view, dayClick and select callbacks should be fired. And on desktop they do. But on Android Chrome nothing happens until I change day, month or view type (from day to month). So all this callbacks are fired when new view is rendered.

I've tried to debug. And on the desktop after I click on the timeslot, DragListener.prototype.endInteraction is called with event type 'mouseup'. On the mobile this function is called only when I switch the view. It looks like touch event is recognized as a dragging or scrolling. Only "click" outside of timeslots - for example "next day" button is recognized as touch event.

It's hard to replicate this issue on the jsfiddle. Because even the example from fullcalendar site is working as expected. But maybe this is known problem or someone have had similar issue?

Configuration:

I have this problem setting up my webpack. I'm setting up webpack on an existing project and additionally I'm introducing ES6. I would like to do it in the 'correct' manner having tests passing after some big change.That's why I need to set karma tests. The application is using AngularJS 1, and for the tests I'm using Angular-Mocks (karma setup with Jasmina and PhantomJS).

I went throw a lot of existing solutions how to set up webpack with karama and angular but non of the examples got my tests to work. Basically the problem is with injection and mocking. For instance, I'm getting undefined when trying to inject $rootScope or $backendMock.

This is my current setup:

webpack.config.js

I have a hybrid project with both AngularJS 1.x and Angular 6 code. I'm trying to bundle all the .html templates to a js file so that all the following AngularJS calls that are done in *.js files -

Hello I want to use webpack with express and webpack-dev-middleware and hot module replacement. I am getting the message below but the browser wont refresh no matter what.

I have been stuck on this for days so if anyone can help me that would be amazing. I m supplying my server and webpack config file. Thank you very much in advance.

[HMR] connected

app.bundle-26838b.js:1 [HMR] bundle rebuilt in 61968ms

I am getting this but the browser doesn't refresh.

server.js

I'm loading images on my HTML, CSS and JS using Webpack.

My Config is :

EDIT: I haven't found a way to import templates with an import statement instead of require, but I have discovered that I can simplify my configuration.

In the webpack config, use html-loader instead of ngtemplate-loader for /\.html$/. Then, in the component, require the template at the top of the file like we did in the original post, but change "templateUrl" to "template" in the component definition. Webpack will do the rest for you.

I get this error whenever running my build.

I'm trying to use a ngtemplate-loader in AngularJs 2 + Webpack 2 project. I've seen this setup working fine for Angular 1.x + Webpack 1.x project. For AngularJs 2 it fails in a browser with an error in a console:

I have setup Angular2+webpack and NodeJs with backend.

Basic setup look like:

webpack.config.js: