2017-04-26 3 views
2

그래서 반응을 사용하여 npm으로 푸시하는 오픈 소스 프로젝트를 만들려고합니다. 문제는 구성 요소가 테스트 환경에서 훌륭하게 작동하지만 다른 구성 요소에 마운트되어 있지만 npm에 게시하고 패키지를 다운로드하여 액세스하려고 할 때 문제가 발생한다는 것입니다. 사람이 나를 도울 수 있다면npm에 게시 할 때의 문제

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 

것은 좋은 것 : 여기

코드 여기

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; 

의 작은 샘플 인 오류입니다. 미리 감사드립니다!

+0

package.json 및 webpack 파일은 어떤 모습입니까? –

+0

그 중 하나도 없었어요. 문제는, 그것을 개발하고 생성 - 반응 - 애플 리케이션을 통해 테스트했다. 아마 언급 했어야했다. 나는 @ thinhvo0108의 대답을 보았고 그것이 내가가는 길이라고 생각한다. 그래도 도와 ​​줘서 고마워. 이것들은 고려해야 할 좋은 점입니다. –

답변

2

반응 라이브러리를 NPM으로 푸시하기 위해 많은 것들을 설치하고 변환하는 보일러 플레이트가 필요할 수 있습니다.

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

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

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

=====

을 : 나는 또한 여러가 성공적으로 NPM에 라이브러리를 반응 밀어했습니다

=====

당신의 GitHub의 저장소 '폴더 구조는 광산과 같아야합니다

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

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

=====

유용한 튜토리얼 여기 아래 :

(보일러 소스) https://github.com/juliancwirko/react-npm-boilerplate

(저자의 기사) http://julian.io/creating-react-npm-packages-with-es2015/

+0

이것은 매우 도움이되었습니다. 도와 주셔서 감사합니다! –

+1

여러분, 반갑습니다. 즐겁습니다. ^^ – thinhvo0108

관련 문제