Vue.js + TypeScript project doesn't render template inside .vue file

Question

I'm trying to set up a Vue TS based project. You can view a structure of it inside this repo:

https://github.com/AndrewBogdanovTSS/typed-vue-test

I'm using latest versions of all dependencies that are required to render TS inside .vue files. Once I'm running a project my TS constructor seems to be running without any issues (I see console statements are working normally) but the problem is that template data isn't getting to the browser's DOM. Moreover, the default div with id app is getting removed so the only thing that is left inside of my DOM is a reference to build.js file. I don't have any errors occurring on the first run, but once I do any change inside of the .vue file I'm getting:

TypeError: Cannot read property 'extend' of undefined

Yes, I've tried other templates and they are working. But I want to understand what is particularly wrong with mine — Andrew Bogdanov
– Andrew Bogdanov, Commented Dec 2, 2017 at 11:42

Andrew Bogdanov · Accepted Answer · 2017-12-04 14:14:54Z

3

I've figured out what was wrong with my code, I forgot to use @Component decorator in front of my ts class inside App.vue file. Without it, TS code has been executing but it wasn't connected to the Vue instance, that's why nothing was displaying on the screen. I went and created a new repo that I plan to support as my base template for Vue-TS type projects. https://github.com/AndrewBogdanovTSS/typed-vue

feel free to suggest improvements/ideas

answered Dec 4, 2017 at 14:14

Andrew Bogdanov

6381 gold badge8 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js + TypeScript project doesn't render template inside .vue file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related