angular.module undefined when using webpack

Question

Angular 1.5.8, Webpack 2.1.0-beta.25

I'm getting an error that angular is undefined when I try to use it with webpack. I've tried to load angular as an external and as part of the package as detailed here: Webpack ProvidePlugin vs externals?

I've added this code at my entry point to test:

import * as angular from 'angular';
// import angular from 'angular'; <!-- have tried this too

angular.module('test', []);

I can hold my mouse over the line of code in the debugger and it seems to be able to find angular. Yet once I hit F10 I get the error.

My webpack.common.config:

    externals: {
        jquery: 'jQuery',
        window: 'window',
        angular: 'angular'
    },

      new webpack.ProvidePlugin({
          $: 'jquery',
          angular: 'angular',
          _: 'lodash',
          moment: 'moment'
      }),

Index.html (when providing externally):

<body id="bootstrap-overrides">

    <sb-app></sb-app>

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/slideout/0.1.11/slideout.min.js"></script>
    <script type="text/javascript" src="polyfills.bundle.js"></script>
    <script type="text/javascript" src="vendor.bundle.js"></script>
    <script type="text/javascript" src="sbMain.bundle.js"></script>

</body>

sbMain.bundle.js is where the error is occuring, even though it's loaded last (angular is first)

I added my index.html to the question. Angular is loaded before my bundled files. — Ryan Langton, Nov 20 '16 at 19:14
AFAICT, you should not be using `externals` + `ProviderPlugin` + `import`. Either use `externals` + `ProviderPlugin` *or* `externals` + `import`. — gkalpak, Nov 20 '16 at 20:00
This is strange. (Then again, my webpack-fu is rather weak.) Would it be possible to create a minimal reproduction (e.g. a repo)? — gkalpak, Nov 20 '16 at 20:52
I think somewhere in my bundling I'm overwriting global angular with a blank object somehow. — Ryan Langton, Nov 21 '16 at 02:28
@RyanLangton have you found any resolutions to your problem? — w0ns88, May 16 '18 at 10:43

angular.module undefined when using webpack

0 Answers0