Webpack-未捕获的TypeError:无法读取未定义的属性“调用”

时间:2019-05-07 05:43:59

标签: javascript vue.js webpack vue-component typeerror

我正在使用vue.js并在css-style中添加vue-component时遇到Uncaught TypeError。 当我在import cssscript或只是从组件中删除css-style时,似乎很好。

我对webpack配置没有深入的了解。因此,我应该对webpack.config.js文件进行任何更改吗?

我遇到的错误

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&type=style&index=0&lang=css& (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&type=style&index=0&lang=css& (1.273ca42a3c140f025ab6.js:93)
    at __webpack_require__ (app.js:64)
    at Module../resources/js/views/welcome.vue?vue&type=style&index=0&lang=css& (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)

Vue组件:

<template>
    <div class="section">
        Lorem Ipsum.
    </div>
</template>

<script>
    // Works fine if I import css
    import '_ANYCSS_'

    export default {
        //
    }
</script>

<!--getting TypeError if I add style section-->
<!--I've tried scoped and scss mode, neither works-->
<style>
    .section {
        color: red;
    }
</style>

Webpack配置 webpack.config.js

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();

0 个答案:

没有答案