Vue:编译失败(字符串必须使用单引号)

Vue: Failed to compile (Strings must use singlequote)

我已经使用 Visual Studio 代码工作了两天。我尝试构建一个 Vue 应用程序。但总是当我 运行 通过 npm run serve 申请时,我得到以下错误:

  9:9   error  Strings must use singlequote  quotes
  9:15  error  Missing trailing comma        comma-dangle

✖ 2 problems (2 errors, 0 warnings)
  2 errors and 0 warnings potentially fixable with the `--fix` option. 

我明白这些错误的意思,我尝试在单引号中输入字符串并在每行末尾插入逗号。但是 Visual Studio 代码总是删除逗号并将单引号变成双引号...在这里你可以看到我安装了哪些插件:

我遇到了同样的问题。这很可能是因为文件被格式化了两次——第一次是 vs 代码,然后是 vue-cli 内置的 eslint。将 VS Code 中的 formatOnSave 设置设置为 false 并检查这是否可以解决您的问题。它可能。尽管如此,如果您从事各种(非 Vue)项目,则必须启用和禁用此设置。

免责声明:这是适合我的解决方法。可能有更专业的方法,但我找不到。

转到您的主文件夹打开 .eslintrc.js 并在规则中添加以下内容 “

quotes: [0, "double"]

然后重新启动项目并再次执行 npm serve 运行

以防万一这对其他人有帮助。我也 运行 关注这个问题。我在组件脚本中有这一行: 道具:[“登录注册”]

每次保存都会切换成双引号。我想在保存时格式化,这样我就不必弄乱间距和制表符。对我来说,我在 vscode 中使用 vue3snippets 扩展。打开设置(文件->首选项->设置我通常使用工作区,而不是用户所以我点击工作区)并搜索“单引号”显示“Vue3snippets:单引号”有一个名为“如果为真,将使用单而不是双引号”的设置quotes" 未选中。

检查这个解决了我上面一行中的单引号在保存为双引号时不会格式化的问题,进而为我修复了这个错误。

我找到了另一种解决当前项目问题的方法:我刚刚创建了一个

.prettierrc

配置文件,可以在其中指定引用样式

"singleQuote": true

这可能是解决此类问题的更通用的方法,因为直接项目配置显然会覆盖全局配置