我正在使用vue.js
并在css-style
中添加vue-component
时遇到Uncaught TypeError。
当我在import css
中script
或只是从组件中删除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();