У меня довольно распространенная проблема с 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,