为啥“import vue”行显示“Uncaught SyntaxError”？

Posted 2023-02-22

【中文标题】为啥“import vue”行显示“Uncaught SyntaxError”？

【英文标题】：Why does "import vue" line show "Uncaught SyntaxError"?为什么“import vue”行显示“Uncaught SyntaxError”？

【发布时间】：2019-11-04 06:44:21

【问题描述】：

为什么我在创建的任何新 vue 应用程序中都会在控制台中看到此错误：Uncaught SyntaxError: Unexpected identifier in main.js:1 它出现在我编写任何代码之前。我不明白 import 语句 中有什么问题。这是我的原始代码：

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

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

顺便说一下，我用的是node v6.8.1

【问题讨论】：

你在用节点运行这个脚本吗？

How can I use an es6 import in node?的可能重复

@DecadeMoon -- 我使用这个命令npm run dev。所以我认为这与你的问题有关。

@SebastianDiLuzio -- 不是它与那个问题无关。

【参考方案1】：

嗯，你需要按照我提供的文章中解释的方式运行它。 问题是一样的，node默认还不支持ES6。 （导入、导出是ES6语法）

【参考方案2】：

我解决了。 我使用节点 v12.4.0 重新创建了我的 vue 项目