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.

Discussion: Best way to create npm packages with create-react-app

See original GitHub issue

Hello! Love this tool, however, I’m using it to create a component library that I want to publish on NPM and am running into issues accessing the components after I’ve installed my package.

Process:

npm run build
npm publish

Locally, if I get them from the main file, it works fine (as expected)

Main.js

export {  default as Button } from './modules/Button';
export { default as Navicon } from './modules/Navicon';
...

App.js

import {
  Button,
  Navicon
} from '../lib/Main';

But, after I install the package and import the components as shown above from package-name they are always undefined.

Thoughts into the best practice for this?

Issue Analytics

State:
Created 7 years ago
Reactions:16
Comments:15 (3 by maintainers)

Top GitHub Comments

50reactions

DimiMikadzecommented, Mar 28, 2018

HI, i’ve customised create-react-app to create React NPM library. Also i’m constantly updating repository with the updates of create-react-app, so we have all new features and bug fixes of it.

https://github.com/DimiMikadze/create-react-library

9reactions

lokhmakovcommented, Apr 10, 2017

https://medium.com/@lokhmakov/best-way-to-create-npm-packages-with-create-react-app-b24dd449c354