next.js 下一个lint不工作的文件以外的任何地方的网页文件夹

lsmd5eda 于 2023-05-22 发布在其他

关注(0)|答案(2)|浏览(178)

我有一个新安装的NextJS应用程序与TypeScript。我正在使用Next V12，当我运行yarn lint时，它运行next lint并显示没有错误。

现在，当我在.eslintrc文件中添加一个额外的规则，如"no-unused-vars": 2（这意味着当有未使用的变量时显示错误），并在pages文件夹内的index.tsx文件中故意添加一个未使用的变量，以便我可以测试linting，它可以按预期工作。

但是当我添加另一个名为hooks的文件夹并添加一个包含未使用变量的index.tsx文件时，它不会捕获hooks文件夹中未使用的变量错误，只捕获pages文件夹中的错误。
我的.eslintrc文件看起来像这样-

{
    "extends": "next/core-web-vitals",
    "rules": {
        "no-unused-vars": 2
    }
}

如果有人遇到这个问题之前，知道我做错了什么，请建议。

next.js

来源：https://stackoverflow.com/questions/71279794/next-lint-not-working-on-files-anywhere-other-than-the-ones-inside-the-pages-fol

2条答案

按热度按时间

093gszye1#

根据文档，next lint对以下文件夹中的文件运行ESLint：pages、components和lib。
要对其他文件夹运行ESLint，必须使用--dir标志。
您可以直接在终端中执行以下操作：

yarn run lint -- --dir . //for all folders in your project root directory

yarn run lint -- --dir pages hooks //only for the folders "pages" and "hooks"

或者更改package.json中的lint脚本：

{
  ...
  "scripts": {
    ...
    "lint": "next lint --dir ." //or "next lint --dir pages hooks"
    ...
  }
  ...
}

请注意，以上是针对开发模式。
对于生产模式，您可以将dirs选项添加到next.config.js中的eslint：

module.exports = {
  eslint: {
    dirs: ['.'] //or ['pages', 'hooks']
  }
}

赞(0）回复(0）举报 2023-05-22

jgwigjjp2#

在nextjs 13中，如果你正在使用'src'文件夹，你可以像下面这样将这个文件夹添加到你的eslint目录中：

// next.config.js
const nextConfig = {
  ..., // other config
  eslint: {
    dirs: ["src"],
  },
};

赞(0）回复(0）举报 2023-05-22

我来回答

next.js 下一个lint不工作的文件以外的任何地方的网页文件夹

2条答案

相关问题

热门标签

最新问答