Why does "import vue" line show "Uncaught SyntaxError"?

Question

Why do I see this error in console in any new vue application I create: Uncaught SyntaxError: Unexpected identifier in main.js:1
It appears before I write any code. I didn't understand what is wrong in import statement. This is the original code I have:

import Vue from 'vue'
import App from './App.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})

by the way, I use node v6.8.1

Possible duplicate of [How can I use an es6 import in node?](https://stackoverflow.com/questions/45854169/how-can-i-use-an-es6-import-in-node) — Sebastian Di Luzio, Jun 21 '19 at 12:58
@DecadeMoon -- I use this command `npm run dev`. So I think this is related to your question. — Tanaka, Jun 21 '19 at 15:03
@SebastianDiLuzio -- not it is not related to that question. — Tanaka, Jun 21 '19 at 15:05

score 0 · Answer 1 · answered Jun 21 '19 at 15:08

0

Well you need to run it they way it's explained in the article i provided as duplicate. The problem is the same, node does not yet support ES6 by default. (Import, Export is ES6 syntax)

answered Jun 21 '19 at 15:08

Sebastian Di Luzio

93
1
11

score 0 · Answer 2 · answered Jun 22 '19 at 02:46

0

I solved it.
I recreated my vue project using node v12.4.0

answered Jun 22 '19 at 02:46

Tanaka

78
1
8

Why does "import vue" line show "Uncaught SyntaxError"?

2 Answers2