Webpack compiles vue files, but does not recognize .vue files

vue-loader has been installed, rules, has been added to webpack.config.js, or an error has been reported

.

app.vue


<script>

    import canlendarPrograma from "./calendar/canlendarPrograma"
    export default {
        components : {
            canlendarPrograma,
        },
        data(){
            return {

            }
        }
    }
</script>
<style>

</style>


webpack.config.js

module: {
        rules: [
            {
                test: /\.js$/,
                exclude: [
                    path.resolve(__dirname, "node_modules")
                ],
                loader: "babel-loader",
                options: {
                    presets: ["es2015"],
                    plugins : ["transform-object-rest-spread"]
                }
            },
            {
                test: /\.vue$/,
                loader: "vue-loader",
                options: {
                    loaders: {
                        scss: "vue-style-loader!css-loader!sass-loader", // <style lang="scss">
                        sass: "vue-style-loader!css-loader!sass-loader?indentedSyntax" // <style lang="sass">
                    },
                    extractCSS: true
                }
            }
        ]
    },
Mar.13,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e53dd2-45259.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e53dd2-45259.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?