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

STh*_*STh 6 vue.js single-quotes visual-studio-code vuejs2

我已经使用 Visual Studio Code 两天了。我尝试构建一个 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. 
Run Code Online (Sandbox Code Playgroud)

我理解这些错误的含义,我尝试用单引号输入字符串并在每一行的末尾插入逗号。但是Visual Studio Code总是去掉逗号,把单引号变成双引号……这里可以看到我安装了哪些插件:

在此处输入图片说明

Egg*_*gon 9

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

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

  • 这为我解决了这个问题:将其添加到settings.json "vetur.format.defaultFormatterOptions": { "prettier": { // 这里更漂亮的选项 "semi": false, "singleQuote": true } } (2认同)