如何摆脱Vue JS项目中的Delete `··`(prettier/prettier)错误

oxosxuxt 于 2023-04-21 发布在 Vue.js

关注(0)|答案(5)|浏览(944)

我试图摆脱与@vue/prettier有关的错误。我已经尝试了一些事情，但它似乎抛出了更多的错误。
我的.eslintrc.js如下：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};

我在规则部分中尝试了"endOfLine":"auto"，但这导致了更多的问题，还有'prettier/prettier': ['error', {endOfLine: 'auto'}]
我已经删除了标签间距从bewlow;

events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

要像这样格式化;

events_filtered_monthsNews: function() {return this.news.filter(u => u.monthsNews)},

这将删除警告，但现在会产生更多错误，并且完全不切实际。

vue.js

来源：https://stackoverflow.com/questions/66285268/how-to-get-rid-of-delete-prettier-prettier-errors-in-a-vue-js-project

5条答案

按热度按时间

axzmvihb1#

`endOfLine`

如果你不关心行尾，将endOfLine设置为off：

// .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { endOfLine: "off" }],
  },
};

`tabWidth`

您当前的文本使用4个空格的制表符，但Prettier默认需要2个空格的制表符。
所以这个输入：

events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

应该是这样的：

events_filtered_monthsNews: function() {
    return this.news.filter(u => u.monthsNews)
  },

如果您喜欢4空格制表符，请将Prettier的tabWidth配置为4：

// .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { tabWidth: 4 }],
  },
};

赞(0）回复(0）举报 2023-04-21

e4yzc0pl2#

如果您收到endOfLine的错误：“关”，以下为我工作：

rules: { "prettier/prettier": ["error", { endOfLine: "auto" }] }

赞(0）回复(0）举报 2023-04-21

s4chpxco3#

我得到了一些错误，“错误删除␍漂亮/漂亮”在我的代码多行，然后我解决了这个问题，按照下面这些步骤：
打开您的项目：
cd“项目文件夹”
此命令可以修复所有错误
npm run lint --fix
然后：
npm run lint
最初报告错误，但应在nuxt/create-nuxt-app#100发布后修复。

赞(0）回复(0）举报 2023-04-21

daupos2t4#

如果要禁用（prettier/prettier），请使用以下代码。在.eslintrc.json文件中

rules：{ 'prettier/prettier'：'off' }，