Шаблон компонента Vuejs не определен

Ответов: 0

Шаблон компонента Vuejs не определен

У меня довольно распространенная проблема с vuejs, у меня есть ошибка:

Failed to mount component: template or render function not defined,

но ни один из ответов не помог мне. Я знаю, что это проблема с версией Standalone vs Runtime vuejs, описанной здесь , но я не уверен, как ее решить или где искать.

Так что я пытаюсь сделать компонент плагина jquery в vue, у меня есть только один .vue ничего особенного в нем.

Конфигурация Webpack такова:

let webpack = require('webpack');
let path = require('path');


module.exports = {

    entry: {
        vuedatepickerrange: [
            './src/index.js'
        ]
    },
    output: {
        path: path.resolve(__dirname, './../dist'),
        publicPath: 'dist/',
        filename: 'vuedatepickerrange.js'
    },
    module: {
        rules: [
            {
                test: /.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader'
            },
            {
                test: /.vue$/,
                exclude: /node_modules/,
                loader: 'vue-loader'
            },
            {
                test: /.(gif|jpe?g|png|svg)(?.*)?$/,
                use: [
                    'file-loader',
                    {
                        loader: 'image-webpack-loader',
                        options: {}
                    }
                ]
            },
            {
                test: /.s[a|c]ss$/,
                loader: 'sass-loader',
            },
        ],
    },
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js',
            jquery: "jquery/dist/jquery"
        }
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            sourcemap: true,
            compress: {
                warnings: false
            }
        }),

        new webpack.optimize.CommonsChunkPlugin({
            names: ['vuedatepickerrange']
        }),

        new webpack.ProvidePlugin({
            $ : "jquery",
            jQuery : "jquery",
            "window.jQuery" : "jquery",
            "root.jQuery" : "jquery"
        })

    ]
}

Я импортирую правильную библиотеку vue. Я использую webpack 2, поэтому я импортирую vue/dist/vue.esm.jsвместо webpack 1, vue/dist/vue.common.jsно кроме этого, я думаю, что все покрыто.

Только когда я пытаюсь включить его в другой проект, это происходит. Когда я пытаюсь использовать демонстрационный пример с проектом, все работает.

Вы можете увидеть весь код и весь проект здесь

00JavaScript, JQuery, WebPack, vue.js, vuejs2,
Похожие вопросы
Яндекс.Метрика