Question

我正在使用vue组合一个小型应用程序，我特别需要它在不支持ES6的设备上运行。我正在使用vue-cli-service build进行构建，并且尝试在ES5设备上打开此页面时，看到此错误SyntaxError: Unexpected token '...'. Expected a property name.

我已经安装了babel，并将其添加到我的.babelrc中：{ "presets": ["@babel/preset-env"] }

我不确定自己还能尝试什么，我还没有找到专门解决此问题的方法。甚至vue-cli-service文档都建议了支持ES5的polyfill的方法，但我认为这不是一回事。

Answer 1

我在Vuetify和Safari 11.1中遇到了这个问题

我猜想我需要为旧版浏览器移植ES6版本的Vuetify。由于大多数建议都是关于修改Webpack或babel配置的，因此我很难找到解决方案，因为我发现这些建议在Vue CLI中已经模糊了。

我最终通过Vue CLI从头开始重建项目，最终发现了解决方案，安装程序神奇地为Vuetify添加了一个转译选项，而我却不见了-我想是因为我以前曾在整个版本中升级 ES5到ES6版本，也许他们的升级脚本无法执行此步骤。

vue.config.js

module.exports = {
 "transpileDependencies": [
   "vuetify"
 ],}

这相当于webpack

build: {
    transpile: ['vuetify']
}

重新开始构建并重新加载。

当然，您需要找到它的哪个包-这只是一个例子。我只是在错误堆栈中四处寻找，直到找到属于Vuetify的东西。

vue-cli-service：语法错误：意外的令牌“ ...”。应使用属性名称

1 个答案: