2017-04-26 1 views
2

Donc, j'essaye de construire un projet Open Source en utilisant reag et en le poussant vers npm. Le problème est, mes composants, alors qu'ils fonctionnent bien sur un environnement de test - monté sur d'autres composants, mais quand je le publie à npm et télécharge le paquet et essaie d'y accéder, cela me donne une erreur.Problème avec la publication sur npm

Voici un petit échantillon du code

import React, {Component} from 'react'; 
import {Nav, NavBar, NavLink, NavItem} from 'react-bootstrap'; 


class GitNav extends Component{ 
    handleSelect(eventKey){ 
     window.location = this.props.NavURLs[eventKey]; 
    } 
    render(props){ 
    const NavTextItems = this.props.NavTexts.map((eachNav, key) => 
     <NavItem eventKey={key} href="#">{eachNav}</NavItem> 
    ); 
    return(
     <Navbar fixedBottom collapseOnSelect> 
      <Navbar.Header> 
      <Navbar.Toggle /> 
      </Navbar.Header> 
      <Navbar.Collapse> 
       <Nav onSelect={this.handleSelect.bind(this)}> 
       {NavTextItems} 
       </Nav> 
      </Navbar.Collapse> 
      </Navbar> 
    ); 
    } 
} 

export default GitNav; 

Voici l'erreur:

Error in ./~/react-github-nav/index.js 
Module parse failed: /Users/theawesomeguy/Desktop/Projects/resume3/resume/node_modules/react-github-nav/index.js Unexpected token (11:6) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected token (11:6) 
@ ./src/App.js 20:22-49 

Si quelqu'un peut me aider avec cela, ce sera grand. Merci d'avance!

+0

À quoi ressemblent vos fichiers package.json et webpack? –

+0

Je n'en ai eu aucun. Le truc était, je le développais et je le testais sur create-react-app. Probablement aurait dû le mentionner. J'ai regardé la réponse de @ thinhvo0108 et je pense que c'est la voie à suivre. Merci quand même pour vôtre aide. Ce sont de très bons points à considérer. –

Répondre

2

Afin de pousser les bibliothèques de réaction dans NPM, vous aurez peut-être besoin d'un passe-partout qui installera et convertira beaucoup de choses pour vous.

=====

J'ai aussi poussé plusieurs bibliothèques réagissent avec succès dans NPM:

https://www.npmjs.com/~thinhvo0108

https://www.npmjs.com/package/react-sticky-dynamic-header

https://www.npmjs.com/package/react-ringing-bell

=====

Votre structure GitHub dossier de dépôts devrait ressembler à la mienne:

https://github.com/thinhvo0108/react-sticky-dynamic-header

https://github.com/thinhvo0108/react-ringing-bell

=====

tutoriel utiles ci-dessous ici:

(source de passe-partout https://github.com/juliancwirko/react-npm-boilerplate

(article de l'auteur) http://julian.io/creating-react-npm-packages-with-es2015/

+0

C'était très utile. Merci pour l'aide! –

+1

De rien, je suis content que vous l'ayez trouvé intéressant ^^ – thinhvo0108