0

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

enter image description here

View: index.pug

enter image description here

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

enter image description here

Console in browser: Chrome

enter image description here

JS builder: gulp.babel.js

enter image description here

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

8
  • Have you tried with "load" instead "DOMContentLoaded"? Commented Sep 13, 2017 at 9:00
  • window.onload = function () {...} ? Yes i have Commented Sep 13, 2017 at 9:01
  • 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. 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/… Commented Sep 13, 2017 at 9:11
  • 1
    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 Commented Sep 13, 2017 at 9:13

1 Answer 1

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

enter image description here

JS builder: gulp.babel.js

enter image description here

Result in browser: Chrome - Now it works =)

enter image description here

Thank you @CodeHacker !

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

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.