Uncaught SyntaxError: Unexpected identifier on the top level import Vue from 'vue';答案

【问题标题】：Uncaught SyntaxError: Unexpected identifier on the top level import Vue from 'vue';Uncaught SyntaxError: Unexpected identifier on the top level import Vue from 'vue';
【发布时间】：2018-08-21 05:48:23
【问题描述】：

我是 Vue 的初学者，我在 chrome 浏览器上遇到了这个错误。在运行时我看到这个错误。

import Vue from 'vue';

Uncaught SyntaxError: Unexpected identifier on the top level

我使用最新版本的 vue、vue-cli 和 npm。

【问题讨论】：

您必须使用npm run dev 运行，是吗？
同样的问题...有什么解决办法吗？

标签： vue.js

【解决方案1】：

我已经通过不解决了这个问题，包括开发者app.js(resources/assets/js/app.js)，尝试在你"npm run dev"之后包含编译的app.js(public/js/app.js)。浏览器将无法识别它，因为它仍在 es6 编码中......所以编译它并使用已编译的 js 应该可以解决您的问题。

【讨论】：

【解决方案2】：

如果你在 vue 中使用 typescript。

在项目文件夹的根目录中包含以下vue-shims.d.ts 文件。它是必要的，以便在导入 .vue 文件时 typescript 不会抛出错误。

declare module "*.vue" {
   import Vue from "vue";
   export default Vue;
}

见教程链接：https://github.com/Microsoft/TypeScript-Vue-Starter

解决方案：https://github.com/Microsoft/TypeScript-Vue-Starter/blob/master/src/vue-shims.d.ts

【讨论】：