React 'module not found' error (Flickity plugin)

Question

I'm trying to add a Flickity carousel to my application. After having followed the instructions on npm to the best of my ability I'm getting this error:

./~/flickity-fix/js/flickity.js Module not found: Can't resolve 'classie/classie' in '/Users/.../node_modules/flickity-fix/js'

I've added:

module: {
    loaders: [
      {
        test: /flickity/,
        loader: 'imports?define=>false&this=>window'
      }
    ]
}

To my config.js folder as I do not have a webpack config file (as I'm using create-react-app).

I've scouted around and some people are having similar issues (notably here) but I can't seem to make their solutions work for me.

What am I missing here?

Have u imported it in the project files as well? – Mohhamad Hasham Aug 25 '17 at 16:04 — Mohhamad Hasham, Aug 25 '17 at 16:04
@MohhamadHasham I've 'required' it yes – r_cahill Aug 25 '17 at 16:05 — r_cahill, Aug 25 '17 at 16:05

score 1 · Answer 1 · answered Aug 25 '17 at 16:11

1

{ test: /node_modules\/flickity/, loader: 'imports?define=>undefined' }

in the webpack config, and npm install imports-loader

if you don't already have it.

answered Aug 25 '17 at 16:11

Mohhamad Hasham

1,750
1
15
18

React 'module not found' error (Flickity plugin)

1 Answers1