title: Webpack - Uncaught TypeError: Cannot read property 'call' of undefined
body: <p>I'm using <code>vue.js</code> &amp; getting Uncaught TypeError while adding <code>css-style</code> in my <code>vue-component</code>.
  It seems fine when I either <code>import css</code> in <code>script</code> or just remove <code>css-style</code> from component.</p>
  
  <p>I've no depth understanding about <code>webpack</code> configuration. So, should I do any changes on <code>webpack.config.js</code> file?</p>
  
  <p><strong>The error I'm getting</strong></p>
  
  <pre><code>app.js:64 Uncaught (in promise) TypeError: Cannot read property 'call' of undefined
      at __webpack_require__ (app.js:64)
      at Object../node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/welcome.vue?vue&amp;type=style&amp;index=0&amp;lang=css&amp; (1.273ca42a3c140f025ab6.js:77)
      at __webpack_require__ (app.js:64)
      at Object../node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/welcome.vue?vue&amp;type=style&amp;index=0&amp;lang=css&amp; (1.273ca42a3c140f025ab6.js:93)
      at __webpack_require__ (app.js:64)
      at Module../resources/js/views/welcome.vue?vue&amp;type=style&amp;index=0&amp;lang=css&amp; (1.273ca42a3c140f025ab6.js:267)
      at __webpack_require__ (app.js:64)
      at Module../resources/js/views/welcome.vue (1.273ca42a3c140f025ab6.js:216)
      at __webpack_require__ (app.js:64)
      at async Promise.all (:8000/index 0)
  </code></pre>
  
  <p><strong>Vue Component:</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="section"&gt;
          Lorem Ipsum.
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      // Works fine if I import css
      import '_ANYCSS_'
  
      export default {
          //
      }
  &lt;/script&gt;
  
  &lt;!--getting TypeError if I add style section--&gt;
  &lt;!--I've tried scoped and scss mode, neither works--&gt;
  &lt;style&gt;
      .section {
          color: red;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>Webpack Configuration</strong> <code>webpack.config.js</code>:</p>
  
  <pre><code>let mix = require('../src/index');
  
  let ComponentFactory = require('../src/components/ComponentFactory');
  
  new ComponentFactory().installAll();
  
  require(Mix.paths.mix());
  
  Mix.dispatch('init', Mix);
  
  let WebpackConfig = require('../src/builder/WebpackConfig');
  
  module.exports = new WebpackConfig().build();
  </code></pre>