Vue.js 2 not rendering component

Question

This is my first steps with Vue JS 2, and i just trying to load my 'Hello Vue!' component, and I geting no result. =(

Hello App: common.js

View: index.pug

Result in browser: Chrome - the expression did not render in 'Hello Vue!' =(

Console in browser: Chrome

JS builder: gulp.babel.js

Why the expression did not render in 'Hello Vue!' ?

have you tried import Vue from 'vue' instead of that complicated path. That's how I use it... although.. I use webpack and not gulp. — CodeHacker
– CodeHacker, Commented Sep 13, 2017 at 9:06
Yes i have improve 'Vue' from 'vue' in gulp.babel.json on this: rollupPluginAlias({ 'Vue': 'vue/dist/vue.esm.js' }) In Vue 2 documentation it was look like this: storage7.static.itmages.ru/i/17/0913/… — north.inhale
– north.inhale, Commented Sep 13, 2017 at 9:11
No I mean replace in common.js Import vue from "../../node_modules/vue/dist..." with Import Vue from 'Vue'... the alias you created in your gulp — CodeHacker
– CodeHacker, Commented Sep 13, 2017 at 9:13

north.inhale · Accepted Answer · 2017-09-13 18:50:07Z

1

I made some recomendation edits, witch U can see below. And it keep to didn't works until I unexpected rebooted the computer...

Hello App: common.js

JS builder: gulp.babel.js

Result in browser: Chrome - Now it works =)

Thank you @CodeHacker !

answered Sep 13, 2017 at 18:50

north.inhale

5113 gold badges9 silver badges22 bronze badges

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

1 Answer 1