2016-10-04 4 views
0

저는 React로 점프 시작을하고 Create-Reaction-App 도구의 단순성을 얻으려고합니다 페이스 북에 의해 만들어지고 여기에 설명 :create-react-app는 'expressive/lib/view.js의 종속성 요청이 표현식'을 산출합니다.

https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

사람이 여기에 잘못된 무엇인지 말씀해 주시겠습니까?

나는 FeatherJS와 결합하고 package.json이 종속성을 추가하기 위해 노력하고있어 :

"feathers": "^2.0.0" 

을이 App.js에 :

import feathers from 'feathers'; 

이제 내 웹 응용 프로그램이로드되지 않습니다 나는 콘솔에서이 오류를 얻을 :

Compiled with warnings. 

    Warning in ./src/App.js 

    /Users/nikolaschou/Dev/newbanking/payment-window/src/App.js 
    4:8 warning 'feathers' is defined but never used no-unused-vars 

    ✖ 1 problem (0 errors, 1 warning) 


    Warning in ./~/express/lib/view.js 
    Critical dependencies: 
    78:29-56 the request of a dependency is an expression 
    @ ./~/express/lib/view.js 78:29-56 

    You may use special comments to disable some warnings. 
    Use // eslint-disable-next-line to ignore the next line. 
    Use /* eslint-disable */ to ignore all warnings in a file. 

답변

2

its documentation으로 판단, feathers ifse lf는 서버이며 노드에서 실행됩니다.

반면에 React 앱은 클라이언트 측 응용 프로그램이며 브라우저에서 실행됩니다.

feathers은 서버 전용 라이브러리이기 때문에 브라우저 앱에 가져올 수 없습니다.

참고 : 기술적으로 리얼 애플 리케이션은 서버에서도 실행할 수 있지만 Create React App은 현재 서버 렌더링을 지원하지 않습니다. 그것은 또한 함정이 많아서 당신이 React에 익숙해 질 때까지 사용하지 않는 것이 좋습니다. 앱 반응 만들기로

일반적으로는, 당신은 별도로 노드 (또는 다른) 응용 프로그램으로 (깃털을 사용할 수있는) 당신의 API 서버를 실행 할 것으로 예상된다. React 클라이언트는 AJAX 또는 다른 네트워크 API를 통해 액세스합니다.

노드 응용 프로그램은 서버에 feathers을 사용하고 React 앱은 feathers/client을 사용하여 통신합니다.

노드와 클라이언트 측 React 앱을 서로 통신하도록 설정하려면 this tutorial 및 해당 demo을 확인하십시오.

+0

물론, 좋은 답변입니다. 깃털은 클라이언트와 서버 측 모두에 있지만이 경우에는 깃털 클라이언트를 가져와야합니다. 분명히 오류가 서버쪽에있는 익스프레스 라이브러리에 들어 있기 때문에 나는 이것을 보아 왔어야만합니다. –

+2

React 자습서를 업데이트하여 다음 릴리스에서 새로운 create-react-app 도구를 사용합니다. 또한 클라이언트 측 모듈 로더의 사용법은 https://docs.feathersjs.com/clients/feathers.html#usage-in-nodejs-and-client-module-loaders에 문서화되어 있습니다. – Daff