Components not working in dev mode / Vue-Cli-3

[Joshua]

Hi. I'm relatively new to vue-cli and I am having issues when running in development ('npm run serve'/'vue-cli-service serve') mode, particularly with the kendo components. The project runs fine in production mode, but I get all sorts of errors when running in dev mode.

I know the issue has to do with the compiling of components, and I know I have to add something to the vue.config.js file. I'm just not sure what that is. This is what my vue.config.js file looks like now:

const path = require('path');

function resolve (dir) {
return path.join(__dirname, dir)
}
module.exports = {
publicPath: '.',
devServer: {
proxy: '[URL]'
},
lintOnSave: true,
chainWebpack: (config) => {
config.resolve.alias.set('vue$', 'vue/dist/vue.esm.js')
}
}

 

I have read this page, but that deals with vue-cli 2, not 3. (https://github.com/vuejs/vue/issues/2873)

Any help is appreciated.

[Ianko]

Hello Joshua,

I tested with vue-cli 3 and I was unable to get errors with using the Vue components. I am attaching the sample project created so that you can check it out. 

Regards,
Ianko
Progress Telerik