Velocity and React Compatibility

// Something.js

import React from 'react'
import Velocity from 'velocity-animate'
import 'velocity-animate/velocity.ui'

// Log

Module not found: Error: Can't resolve 'velocity' in '/Users/Username/Repo/node_modules/velocity-animate'
 @ ./~/velocity-animate/velocity.ui.js 19:2-31
 @ ./src/components/Work/Paubox/Interactive.js
 @ ./src/components/Work/Paubox/index.js
 @ ./src/components/index.js
 @ ./src/index.js
 @ multi main

Referencing https://github.com/julianshapiro/velocity/pull/479#issuecomment-275056763

[Rycochet]

The Velocity namespace for import is now “velocity-animate” and should fix this issue (as of 2.0.2).

[FHoulbreque]

As you’re, I weren’t able to use import statement…

I have to register it outside react (or vue) like this:

window.Velocity = require('velocity-animate');
require('velocity-animate/velocity.ui');