發佈到npm的問題

因此，我嘗試使用react並將其推送到npm來構建開源項目。問題是，我的組件雖然在測試環境中工作良好，但可以安裝到其他組件，但是當我將它發佈到npm並下載包並嘗試訪問它時，它會給我一個錯誤。發佈到npm的問題

下面是代碼

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;

這裏的一個小樣本的錯誤：

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

如果有人可以幫助我走出這一點，那將是巨大的。提前致謝！

來源

2017-04-26 KRISHNAKANT MISHRA

你的package.json和webpack文件是什麼樣的？ –

我沒有任何這些。事情是，我正在開發它並通過create-react-app進行測試。可能應該提到這一點。我看了@ thinhvo0108的答案，我認爲這是要走的路。儘管感謝您的幫助。這些都是需要考慮的很好的一點。 –