React 구성 요소 내보내기/가져 오기에서 오류 찾기

React 스택이 처음인데 간단한 공유 구성 요소 라이브러리를 작성하려고합니다. 구성 요소는 가정 프로젝트에서 올바르게 작동합니다. this 조언을 사용하여 구성했습니다. 그것들을 로컬 git에 떨어 뜨 렸습니다. npm은 그들에게 git + https로 새로운 프로젝트를 설치했습니다. 구성 요소는 새 프로젝트 /node_modules/.../lib에 예상대로 나타납니다.React 구성 요소 내보내기/가져 오기에서 오류 찾기

다음 실행, 나는 정의되지 않은 수출로 끝날 경우 :

'use strict'; 

Object.defineProperty(exports, "__esModule", { 
    value: true 
}); 
exports.NeonFooter = exports.default = undefined; 

var _NeonFooter = require('./components/NeonFooter'); 
var _NeonMenu = require('./components/NeonMenu'); 

exports.default = _NeonMenu.NeonMenu; 
exports.NeonFooter = _NeonFooter.NeonFooter;

가 제대로 경로 지정된 폐쇄로, _NeonFooter는 _esModule으로 표시하지 않습니다 (예를 들어), 크롬의 디버거를 삭제하고 일부 콘솔 문을 사용하여 범위에있는 NeonFooter.js 파일로 이동하십시오. 하지만 직접 _NeonFooter.NeonFooter 필드는 없습니다. _NeonFooter.NeonFooter가 참조되면 정의되지 않은 상태가됩니다.

vscode 디버거 또는 크롬을 요구 사항의 중단 점에 바인딩 할 수 없으며 중단 될 예외가 없습니다. 정의되지 않은 값으로 연결되는 실제 오류를 찾으려면 어떻게해야합니까?

출처

2017-11-01 Joe Zoller

디버거를 사용해 보셨습니까? 근원에있는 키워드? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger –

감사합니다. 매우 유용합니다. 내 모듈이 installedModules 캐시에로드되는 것처럼 보이지만 내보내기가 채워지지 않습니다. 그 정도면 충분합니다. –

바벨 변환에 문제가 있거나 React에서 해당 변환을 어떻게 사용하고있는 것처럼 보입니다. 변환 된 코드를

exports.NeonMenu = _NeonMenu.default; 
exports.NeonFooter = _NeonFooter.default;

으로 변경하면 문제가 해결됩니다.

올바른 바벨/반응 행동을 결정하려고 시도하고 있지만 앞으로 나아가 야합니다.

출처

2017-11-02 23:59:15

React 구성 요소 내보내기/가져 오기에서 오류 찾기

답변

관련 문제