2

这个项目是别人写的，我需要从这里开始工作。我认为第一步应该是修复格式。通常，我只是在我的 vscode 中使用 .prettierrc，然后运行 ​​alt-shift-f 或 ctrl-s 来格式化每个文件中的代码。我尝试使用 eslint，但遇到了各种错误，所以我摆脱了它（卸载了项目中的所有 eslint dev-dependencies，就像我开始工作之前的情况一样）。我在 vscode 中安装了更漂亮的和 eslint 扩展。

错误

["ERROR" - 1:45:44 pm] Error formatting document.
["ERROR" - 1:45:44 pm] `import` can only be used in `import()` or `import.meta`. (1:1)
> 1 | import { subMonths, isSameDay, format, isYesterday, isToday, subDays, subYears } from 'date-fns';
    | ^
  2 |
  3 | export const today = new Date();
  4 | export const last7Day = {
SyntaxError: `import` can only be used in `import()` or `import.meta`. (1:1)

根 > .vscode > settings.json

{
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    // other configs
}

根 > 前端 > .prettierrc

{
  "arrowParens": "always",
  "bracketSpacing": true,
  "endOfLine": "lf",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "printWidth": 80,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": true,
  "singleQuote": false,
  "tabWidth": 2,
  "trailingComma": "es5",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
  "parser": "json"
}

如何让我更漂亮的文件忽略此错误？它出现在所有文件上。操作系统：Windows 10

更新：这是我的 package.json 中的以下内容。我通常不安装更漂亮的，但我不知道该怎么做。据我了解，这更像是 IDE 的事情，而不是项目的事情。

  "eslintConfig": {
    "extends": ["react-app", "react-app/jest"]
  },
  "browserslist": {
    "production": [">0.2%", "not dead", "not op_mini all"],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "prettier": "^2.5.1"
  }
4

0 回答 0