[bug] event not working in React, Webpack

Webpack으로 설정을 바꾸고, webpack dev에서 돌려보는데

잘 되던 코드의 <div onClick={handle}> 클릭 이벤트가 동작이 되지 않았다. 다른 이벤트들도 마찬가지로.

에러가 아니어서 에러 코드도 없고, 아무리 찾아도 유사 사례가 없어서 한참을 삽질함..

 

React - onClick not working in any components

그러던 중 주변 짱짱맨 한 분이 이 글을 보고 내 코드도 이와 비슷한 문제가 아닐까 하며

html-webpack-plugin이 사용되는 부분을 수정했다.

완전히 이걸 잘못 사용하고 있어서 발생한 문제 ㅠㅠ

 

 

webpack.config.js

    new HtmlWebpackPlugin({
      filename: 'index.html',        // 빌드 후 저장될 파일의 이름
      template: './src/index.html'   // 빌드 시 참고할 파일의 경로
    })

 

webpack 문제이겠거니 하고 모든 웹팩 코드를 샅샅히 봤다고 생각했는데,

오히려 이 플러그인은 무심코 넘겼던 것 같다..

억울!!! 앞으론 더 잘 보자.

 

 

html-webpack-plugin 공식문서

GitHub - jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles