실행 중/Redux/카르마/재스민/웹팩

Question

카르마/웹팩을 실행할 때 기본적인로드 오류가 발생합니다.

내 주 앱/웹 사이트는 내 보낸 모듈을 번들로 묶기 위해 Webpack을 사용합니다. 완벽하게 정상적으로 작동합니다. 내가 웹팩와 카르마를 걷어 내 NPM 테스트를 실행하면

는이 오류를 얻을

ERROR in ./app/react/components/bots/botShowContainer.js 
    Module build failed: SyntaxError: D:/development/poc9-unittests/app/react/components/bots/botShowContainer.js: Unexpected token (11:8) 


    9 | const BotShowUI = ({ bot, onClick }) => { 
    10 |  return(
> 11 |   <div id={bot.id} onClick={onClick}> 
    |  ^
    12 |    {bot.id} : {bot.text} 
    13 |   </div> 
    14 | ) 

https://github.com/bikerboyroy/poc.git

NPM 설치 나는이 작은 프로젝트와 GitHub의에 REPO를 작성했습니다

NPM 시작, 로컬 호스트 실행 : 8080

NPM 시험에 당신이 테스트는 가져 오기/내보내기에 실패하지만 반응 구문에 대해 불평

실패 카르마 테스트를 보 겠지만 카르마가

테스트를 실행합니다. 나는 혼란스러워!

참고 : 웹 응용 프로그램은 각도 1.4에서 시작한 다음 React에 연결됩니다. 각도 부트 스트랩/스타트 업이 아닌 실제 측면 테스트에만 관심이 있습니다.

Answer 1

babelrc를 babel-preset-react를 포함하도록 변경하면 제대로 작동합니다. 이제 오류가 발생하고 있음을 알 수 있습니다. 왜냐하면 jsx 문법을 어떻게 변형 시킬지 모르기 때문입니다.

여담으로

{ 
    "presets": ["es2015", "react"] 
} 

, 당신은 당신이 이미 프로젝트에 babelrc을 가지고, 바벨을 위해 로더 섹션에 웹팩에서 쿼리 옵션을 지정할 필요가 없습니다.

로더는 다음과 같이 할 수있다 : -

{ 
    test: /\.js$/, 
    loader: "babel", 
    exclude: [/node_modules/, "app/**/*.spec.js"] 
    },