Issue with next.js typescript linting #19158

glass-ships · 2024-11-23T02:20:52Z

glass-ships
Nov 23, 2024

Possibly related to sindresorhus/import-fresh#24

When trying to run eslint, I get:

$ bun run test:lint

eslint src

Oops! Something went wrong! :(

ESLint: 9.15.0

TypeError: Cannot read config file: D:\dev\WEBSITES\GlassFolio\node_modules\eslint-config-prettier\index.js
Error: parent.require is not a function. (In 'parent.require(filePath)', 'parent.require' is undefined)
Referenced from:
    at <anonymous> (D:\dev\WEBSITES\GlassFolio\node_modules\import-fresh\index.js:32:59)
    at loadJSConfigFile (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\config-array-factory.js:237:16)
    at _loadConfigData (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\config-array-factory.js:638:42)
    at _loadExtends (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\config-array-factory.js:810:25)
    at _normalizeObjectConfigDataBody (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\config-array-factory.js:749:25)
    at _normalizeObjectConfigData (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\config-array-factory.js:694:20)
    at create (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\config-array-factory.js:489:20)
    at config (D:\dev\WEBSITES\GlassFolio\node_modules\@eslint\eslintrc\lib\flat-compat.js:247:47)
    at module code (D:\dev\WEBSITES\GlassFolio\eslint.config.js:15:13)
    at moduleEvaluation (native:1:11)

This comes from eslint trying to run importFresh()

Relevant `eslint.config.js`

import { FlatCompat } from "@eslint/eslintrc";
import js from "@eslint/js";
import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
import tseslint from 'typescript-eslint';
import url from "url";

const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
const compat = new FlatCompat({
  baseDirectory: __dirname,
  recommendedConfig: js.configs.recommended,
  // allConfig: js.configs.all,
});

export default [
  ...compat.extends(
    // "next/core-web-vitals",
    // "next/typescript",
    "prettier"
  ),
  ...tseslint.configs.recommended,
  eslintPluginPrettierRecommended,
  {
    languageOptions: {
      parserOptions: {
        ecmaVersion: "latest",
        sourceType: "script",
      },
    },
    files: ["src/**/*.ts", "src/**/*.tsx"],
    rules: {
      "@typescript-eslint/no-explicit-any": "off",
      "max-len": ["error", { code: 120 }],
      "prettier/prettier": [
        "warn",
        {},
        {
          usePrettierrc: true,
        },
      ],
      "react/no-unescaped-entities": "off",
    },
  },
];

Relevant `package.json`

  {
  "name": "glass-folio",
  "version": "1.0.0",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint src --fix",
    "test:lint": "eslint src"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.7.1",
    "@fortawesome/free-brands-svg-icons": "^6.7.1",
    "@fortawesome/free-regular-svg-icons": "^6.7.1",
    "@fortawesome/free-solid-svg-icons": "^6.7.1",
    "@fortawesome/react-fontawesome": "^0.2.2",
    "caniuse-lite": "^1.0.30001683",
    "next": "^15.0.3",
    "react": "^18.3.1",
    "react-aria-components": "^1.5.0",
    "react-dom": "^18.3.1",
    "sass": "^1.81.0"
  },
  "devDependencies": {
    "@types/node": "^22.9.2",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "eslint": "^9.15.0",
    "eslint-config-next": "^15.0.3",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-prettier": "^5.2.1",
    "sharp": "^0.33.5",
    "typescript": "^5.7.2",
    "typescript-eslint": "^8.15.0"
  }
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Issue with next.js typescript linting #19158

{{title}}

Replies: 0 comments

Select a reply

Issue with next.js typescript linting #19158

glass-ships Nov 23, 2024

Replies: 0 comments

glass-ships
Nov 23, 2024