rails5.1에서 react를 작성하고 이러한 오류가 발생하는 경우

해결 방법

stage-0, stage-1 또는 stage-2을 config/loaders/react.js에 넣습니다.

왜 이것으로 고쳐야합니까?

rails5.1에서는 디폴트로 babel-preset-env 를 사용하고 있어 쓰여진 것처럼 stage-0 , stage-1 , stage-2 .. 와 같은 plugin 는 포함되지 않는다.

It won't include stage-x plugins. env will support all plugins in what we consider the latest version of Javascript (by matching what we do in babel-preset-latest).

플러그인은 실험적인 것도 많아, stage가 오를수록 보다 세련되게 하고 있다
stage-0 > stage-1 > ...
즉 deprecated plugin은 stage가 0에 갈수록 많다.



이번 문제의 SyntaxError: Missing class properties transform. 은 transform-class-properties 가 들어 있지 않은 것이 문제로, 이것은 stage-2 에 포함되어 있어 그 이전의 stage에도 포함되어 있다 (요점은 0 과 1)

따라서 결과로 적절한 stage-x을 넣으면 컴파일 오류가 사라집니다.

babel-preset-env

참고: ぃ tp // 코 m / 류오네 / ms / 13f5d450c3865709 10

이 문제를 해결하는 방법을 찾는 동안 .babelrc 작성하기 사이트을 찾았습니다.

QA 방식으로 .babelrc와 npm, yarn 설치 명령 줄이 표시됩니다.