Error: The codeframe formatter is no longer part of core ESLint.

[mizdra]

log:

✔ What format do you want to display the problem message in? · withPager
Error: The codeframe formatter is no longer part of core ESLint. Install it manually with `npm install -D eslint-formatter-codeframe`
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:93:18)
    ...

[mizdra]

• eslint-formatter-codeframe is a formatter for eslint
• eslint-interactive uses it to display error messages.
• The formatter is included in the dependencies of eslint-interactive.

  • eslint-interactive/package.json

    Line 48 in d00187b

    "eslint-formatter-codeframe": "^7.32.1",

  • So it's strange to get an error about eslint-formatter-codeframe not being found
• I will investigate the cause of the problem.

[mizdra]

Notes

This problem does not occur when using eslint-interactive with eslint v7, because eslint v7 bundles eslint-formatter-codeframe. The problem may occur when using eslint-interactive with eslint v8.

[mizdra]

• It seems that the problem is reproduced when eslint-interactive is installed globally and eslint is installed locally.
  • The reason seems to be that the locally installed eslint cannot import the globally installed eslint-formatter-codeframe.
• To solve the problem, we might need to consider the following approach.
  • Install both eslint-interactive and eslint globally
  • Install both eslint-interactive and eslint locally

[mizdra]

Decision

• Many projects that use eslint-interactive use a local installation of eslint.
• Therefore, it is best to install eslint-interactive locally as well.
• So, we want to warn the user when the eslint-interactive is started from a global installation.
  • The global installation of eslint-interactive will no longer be recommended.
  • This is BREAKING CHANGES.

[mizdra]

FYI: A typical example of a development support tool that is recommended for local installation is webpack-bundle-analyzer.

[mizdra]

I came up with a way to fix this error.