Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Collision with `import/extensions`

See original GitHub issue

input

import utils from './lib/utils';
console.log(utils);

errors with Missing file extension for "./lib/utils" import/extensions

When set the file extension

import utils from './lib/utils.js';
console.log(utils);

errors with Unexpected use of file extension "js" for "./lib/utils.js" import/extensions

Issue Analytics

State:
Created 6 years ago
Reactions:22
Comments:15

Top GitHub Comments

11reactions

Helias17commented, Nov 25, 2020

I’ve solved this problem, when add to .eslintrc.yml next rule: import/extensions: [0, { <js>: "always" }]

read more: https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/extensions.md

5reactions

filetvignoncommented, Jan 23, 2020

This is happening to me right now.

import * as Page from 'components/page/index'; gives me “Missing file extension”. import * as Page from 'components/page/index.js'; gives me “Unexpected use of file extension “js””.

I have no idea what the fix is. Even using eslint rule config of 'import/extensions': [ 'error', 'ignorePackages', { js: 'never', jsx: 'never', }, ] doesn’t solve the problem. I have to set everything to “never” for this to get fixed.