Question

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

import Vue from 'vue';

未捕获的SyntaxError：顶层的意外标识符

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

Answer 1

我已通过 not 解决了该问题，包括开发人员app.js (resources/assets/js/app.js)，请尝试包含已编译的app.js {{1} } (public/js/app.js)之后。浏览器将无法识别它，因为它仍处于es6编码中……因此对其进行编译并使用已编译的js应该可以解决您的问题。

Answer 2

如果你正在使用带有vue的打字稿。

在Project文件夹的根目录中包含以下vue-shims.d.ts文件。这是必要的，这样打包文件在import.vue文件时不会抛出错误。

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

未捕获的SyntaxError：顶层的意外标识符从'vue'导入Vue;

2 个答案: