[node.js] Can't not resolve 'react-hot' 에러 해결 방법

Can't not resolve 'react-hot' 

에러 해결 방법

또 아래의 포스팅에 이어서 에러 해결 방법이다

예전 강좌(다른 고수님들이 만들었던) 를 보면 모듈 로더 부분이 

    module: {
        loaders: [
            {
                test: /\.js$/,
                loaders: ['react-hot', 'babel?' + JSON.stringify({
                    cacheDirectory: true,
                    presets: ['es2015', 'react']
                })],
                exclude: /node_modules/,
            }
        ]
    }

이런식으로 되어 있는데

뒤에 -loader 을 적어야 해당 오류가 나타나지 않는다.

이것도 아마 버전이 달라져서 그런듯 하다

간단히 불러오려는 로더의 뒷부분에 -loader을 붙여주자

react-hot 옆에 있는 babel에도 마찬가지로 뒤에 로더를 붙여주면 된다.

이전에도 포스팅 했던

2017/02/22 - [Yame Programmer/react.js] - [react.js] module not found error cannot resolve 'babel' in 해결 방법

이것과 같은 에러인 듯 하다.

module: {
        loaders: [
            {
                test: /\.js$/,
                loaders: ['react-hot-loader', 'babel-loader?' + JSON.stringify({
                    cacheDirectory: true,
                    presets: ['es2015', 'react']
                })],
                exclude: /node_modules/,
            }
        ]
    }

이렇게 수정해주면

서버 구동이 정상적으로 작동이 된다.

해당 예제는

https://github.com/cheesu/react-express-study

에서 확인 할 수 있습니다.