Enable allowImportingTsExtensions

Oct 13, 2025 by pinkandtrash.com 40 views

Bug: [file-extension-in-import] does not work with allowImportingTsExtensions

In the world of software development, bugs and errors can be frustrating and time-consuming to resolve. When using tools like ESLint, it's essential to ensure that all rules are functioning correctly to maintain the integrity of our codebase. In this article, we'll delve into a specific bug related to the file-extension-in-import rule in ESLint, which doesn't work as expected when allowImportingTsExtensions is enabled.

To better understand the issue, let's take a look at the environment in which this bug occurs.

Node version: 22.14.0
npm version: 11.1.0
ESLint version: 9.22.0
eslint-plugin-n version: 17.16.2
Operating System: Windows

For those who want to reproduce the issue, a simple repository is available at https://github.com/Zamiell/eslint-n-bug.

The file-extension-in-import rule is designed to enforce a specific file extension for imports. However, when allowImportingTsExtensions is enabled, this rule fails to function correctly. The expected behavior is that no error should occur when using this rule with allowImportingTsExtensions enabled.

When allowImportingTsExtensions is enabled, the file-extension-in-import rule is not able to detect the file extension correctly. This results in the rule failing to enforce the expected file extension for imports.

If you're willing to contribute to resolving this issue, please feel free to submit a pull request.

Unfortunately, there are no additional comments provided to further clarify the issue.

In conclusion, the file-extension-in-import rule in ESLint does not work as expected when allowImportingTsExtensions is enabled. This bug can be reproduced using the provided minimal reproducible example. We hope that this article has provided valuable insights into the issue and will contribute to resolving it.

To troubleshoot this issue, follow these steps:

Verify ESLint version: Ensure that you're using the latest version of ESLint (9.22.0 or higher).
Check eslint-plugin-n version: Verify that you're using the latest version of eslint-plugin-n (17.16.2 or higher).
Enable allowImportingTsExtensions: Enable the allowImportingTsExtensions option in your ESLint configuration.
Run ESLint: Run ESLint on your codebase to reproduce the issue.

Until the issue is resolved, you can use the following workarounds:

Disable file-extension-in-import rule: Temporarily disable the file-extension-in-import rule to avoid the issue.
Use a different rule: Consider using a different rule that enforces the desired file extension for imports.

To ensure that this issue is resolved, we recommend the following:

Update ESLint: Update ESLint to the latest version (9.22.0 or higher).
Update eslint-plugin-n: Update eslint-plugin-n to the latest version (17.16.2 or higher).
Implement fix: Implement a fix for the file-extension-in-import rule to work correctly with allowImportingTsExtensions enabled.

By following these steps and workarounds, you can continue to use ESLint effectively while waiting for the issue to be resolved.
Bug: [file-extension-in-import] does not work with allowImportingTsExtensions - Q&A

In our previous article, we explored the issue of the file-extension-in-import rule in ESLint not working correctly when allowImportingTsExtensions is enabled. In this article, we'll provide a Q&A section to help you better understand the issue and its implications.

A: The file-extension-in-import rule in ESLint is designed to enforce a specific file extension for imports. It checks the file extension of imported modules and reports an error if it doesn't match the expected extension.

A: allowImportingTsExtensions is an option in ESLint that allows importing TypeScript extensions (e.g., .ts, .tsx) even if the file-extension-in-import rule is enabled.

A: The issue arises because the file-extension-in-import rule is not able to detect the file extension correctly when allowImportingTsExtensions is enabled. This results in the rule failing to enforce the expected file extension for imports.

A: The implications of this issue are that the file-extension-in-import rule may not work correctly in certain scenarios, leading to potential errors or inconsistencies in your codebase.

A: To troubleshoot this issue, follow these steps:

Verify ESLint version: Ensure that you're using the latest version of ESLint (9.22.0 or higher).
Check eslint-plugin-n version: Verify that you're using the latest version of eslint-plugin-n (17.16.2 or higher).
Enable allowImportingTsExtensions: Enable the allowImportingTsExtensions option in your ESLint configuration.
Run ESLint: Run ESLint on your codebase to reproduce the issue.

A: Until the issue is resolved, you can use the following workarounds:

Disable file-extension-in-import rule: Temporarily disable the file-extension-in-import rule to avoid the issue.
Use a different rule: Consider using a different rule that enforces the desired file extension for imports.

A: If you're willing to contribute to resolving this issue, please feel free to submit a pull request.

A: The expected behavior of the file-extension-in-import rule with allowImportingTsExtensions enabled is that no error should occur when using this rule with allowImportingTsExtensions enabled.

In conclusion, the file-extension-in-import rule in ESLint does not work as expected when allowImportingTsExtensions is enabled. We hope that this Q&A article has provided valuable insights into the issue and will contribute to resolving it.

To ensure that you're not experiencing this issue, follow this troubleshooting checklist:

Verify ESLint version: Ensure that you're using the latest version of ESLint (9.22.0 or higher).
Check eslint-plugin-n version: Verify that you're using the latest version of eslint-plugin-n (17.16.2 or higher).
Enable allowImportingTsExtensions: Enable the allowImportingTsExtensions option in your ESLint configuration.
Run ESLint: Run ESLint on your codebase to reproduce the issue.

By following these steps and workarounds, you can continue to use ESLint effectively while waiting for the issue to be resolved.