npm start gives "Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import'"

Is this a bug report?

Yes, seems like it to me.

Can you also reproduce the problem with npm 4.x?

I haven't tried yet. I think that would be a wild goose chase. This problem just started today out of the blue. My hunch is that is an environment problem of some sort.

Which terms did you search for in User Guide?

I did a google search instead. Found no help.

Environment

node -v: v8.1.2
npm -v: 5.2.0
yarn --version (if you use Yarn): don't use
npm ls react-scripts (if you haven’t ejected): react-scripts@1.0.10

Then, specify:

Operating system: macOS 10.12.5
Browser and version (if relevant): Chrome Version 59.0.3071.115 (Official Build) (64-bit)

Steps to Reproduce

(Write your steps here:)

Invoke:

create-react-app my-app (no issues here)
cd my-app
npm start

After step #3 the console window shows:

Failed to compile.

./src/index.js
Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import'
Referenced from: 
    at Array.forEach (native)
    at Array.reduceRight (native)

Expected Behavior

(Write what you thought would happen.)

Actual Behavior

(Write what happened. Please add screenshots!)

Reproducible Demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

npm install eslint-plugin-import is a temporary fix while you await a proper fix!

I had same issue.
Installing manually following modules was a fix for me:

eslint-plugin-import
eslint-plugin-react
eslint-plugin-flowtype
eslint-plugin-jsx-a11y

Can confirm I'm seeing this too with a fresh create-react-app setup. Doesn't seem to be a problem when I use yarn, however. I'm at yarn@0.27.5, node@v6.11.0 and npm@5.2.0.

The following is working fine:

$ npx create-react-app test-eslint
$ cd test-eslint/
$ yarn start

$ npm -v
5.2.0
$ node -v
v8.1.4

This means it's an NPM bug or an environment bug.
Either way, you should try NPM 4 like suggested as NPM 5 is very buggy.

If you can tell us how or why your environment is unique, we may be able to help. But this is not a bug on our end.

Switching back to npm@4.6.1 solved the issue for me.

@tjkSec

Thanks for confirming @tjkSec; closing this as author failed to follow the issue template.

For anyone experiencing this issue; please use NPM 4.x (npm install -g npm@4).

Users on reddit reporting the same issue. Agree it's a problem with NPM.

@NathanCH

I've commented on reddit, @NathanCH. Thanks for the heads up.

Please file bugs with npm too so they can fix.

@tenzan

@tenzan thanks for the full list of plugins that npm 5.2 finds missing. One thing to bear in mind is that eslint-plugin-jsx-a11y should be v5 instead of the latest (v6); otherwise each file creates a warning:

npm start

Compiled with warnings.

./src/index.js
  Line 1:  Definition for rule 'jsx-a11y/href-no-hash' was not found  jsx-a11y/href-no-hash

./src/registerServiceWorker.js
  Line 11:  Definition for rule 'jsx-a11y/href-no-hash' was not found  jsx-a11y/href-no-hash

./src/App.js

  Line 1:  Definition for rule 'jsx-a11y/href-no-hash' was not found  jsx-a11y/href-no-hash

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

Here's a one-liner hack that temporary helped me npm start without downgrading npm to v4:

npm install --save-dev eslint-plugin-import eslint-plugin-react eslint-plugin-flowtype eslint-plugin-jsx-a11y@5

Here's a one-liner hack that temporary helped me npm start without downgrading npm to v4

May I ask why you're against downgrading to npm v4?

npm@5 was a rushed release so that it could be included with Node 8; I would not expect it to be stable for some time.
In the interim, I'd continue to use npm@4 or Yarn if you're concerned about having a Lockfile.

Please file bugs with npm too so they can fix.

I'm not sure what the npm cli team is really doing -- for example, 5.2.0 was released which contained this issue's bug; they reverted the commit but have not made a patch release, leaving people to suffer with this problem for days.

I would not expect the npm cli team to be pressed by any authority until Node 8 is about to enter LTS.

I've tried with npm v4 and I confirm it works. I had the same issue, so downgrading to v4 it takes only 20 secs and it's the "best" solution...

I can empathize with npm here because the only way they can find bugs after a rewrite is by pushing out releases and fixing regressions. I’m hopeful that it should get better after 5.2.1.

I'd like to stress that I'm very grateful for the effort the npm team puts in.
I do not want to undermine what they're doing in any way; I just wish they'd push bug fixes on a slightly quicker-schedule since so many people are already treating it as stable.

I hope I didn't come off too aggressive.

All worked for me after upgrading to npm 5.3. Can anyone else confirm please?

Upgrading to npm@5.3.0 solves the problem.

Upgrade to npm v5.3.0 didin't work for me, I had to switch to yarn

Navigation Menu

Repository navigation

npm start gives "Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import'" #2779

Is this a bug report?

Can you also reproduce the problem with npm 4.x?

Which terms did you search for in User Guide?

Environment

Steps to Reproduce

Expected Behavior

Actual Behavior

Reproducible Demo

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

npm start gives "Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import'" #2779

Description

Is this a bug report?

Can you also reproduce the problem with npm 4.x?

Which terms did you search for in User Guide?

Environment

Steps to Reproduce

Expected Behavior

Actual Behavior

Reproducible Demo

Activity

deehuey commented on Jul 13, 2017

tenzan commented on Jul 13, 2017

rdmurphy commented on Jul 13, 2017

Timer commented on Jul 13, 2017

tjkSec commented on Jul 13, 2017

Timer commented on Jul 13, 2017

nathan-charrois commented on Jul 13, 2017

Timer commented on Jul 13, 2017

gaearon commented on Jul 13, 2017

kachkaev commented on Jul 13, 2017

Timer commented on Jul 13, 2017

aleix10kst commented on Jul 13, 2017

gaearon commented on Jul 13, 2017

Timer commented on Jul 13, 2017

kachkaev commented on Jul 14, 2017

AlexeyGorokhov commented on Jul 15, 2017

piotr-cz commented on Aug 25, 2017

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions