Один компонент файла Vue - «Вам может понадобиться соответствующий загрузчик для обработки этого типа файла» - PullRequest
Новая
       8

Один компонент файла Vue - «Вам может понадобиться соответствующий загрузчик для обработки этого типа файла»

0 голосов
/ 19 ноября 2018

Я пытаюсь использовать Vue SFC и получаю сообщение об ошибке:

Вам может потребоваться соответствующий загрузчик для обработки этого типа файла

При включении файла .vue в мою сборку моя конфигурация веб-пакета выглядит следующим образом: 

var path = require('path');
var webpack = require('webpack');
const VueLoaderPlugin = require('vue-loader/lib/plugin');

module.exports = {
module: {
    rules: [
        {
            test: /\.vue$/,
            loader: 'vue-loader',
        },
        {
            test: /\.js$/,
            loader: "babel-loader",
            include: [
                path.resolve(__dirname, '_assets/scripts'),
                path.resolve(__dirname, 'node_modules/foundation-sites')
            ],
            options: {
                compact: false,
                plugins: [
                    [
                        "transform-runtime",
                        {
                            "helpers": false,
                            "polyfill": false,
                            "regenerator": true
                        },
                        new webpack.ProvidePlugin({
                            $: "jquery",
                            jQuery: "jquery",
                            "window.jQuery": 'jquery'
                        })
                    ],
                    "transform-es2015-destructuring",
                    "transform-async-to-generator",
                    "transform-class-properties"
                ]
            }
        },
        {
            test: /\.css$/,
            use: [
                'vue-style-loader',
                'css-loader'
            ]
        }
    ]
},
plugins: [
    new VueLoaderPlugin(),
    new webpack.EnvironmentPlugin([
        'NODE_ENV',
    ])
],
resolve: {
    alias: {
        jquery: "jquery/src/jquery",
        'vue$': 'vue/dist/vue.esm.js'
    },
    extensions: ['*', '.js', '.vue', '.json']
},
output: {
    "path": __dirname + "/sitefiles/scripts",
    "filename": "main.js"
},
entry: {
    "bundle": "./_assets/scripts/main.js",
}
};

Я следовал руководству по началу работы и все кажется правильным, может кто-нибудьспот, почему это не работает?

...