JSX in Typescript in React

jscx를 사용하여 타이프 스크립트를 반응없이 사용하려고했습니다. 작동하지 않습니다. 항상 tsconfig.json에 "jsx": "preserve"을 넣습니다. 하지만 난 내가해야 할 next.and 내가 .tsx 파일 웹팩를 컴파일하고 때하는 JSX in Typescript in React

You may need an appropriate loader to handle this file type.

ERROR in ./core/Navbar.tsx Module parse failed: /home/ubuntu/Desktop/framework/node_modules/ts-loader/index.js!/home/ubuntu/Desktop/framework/core/Navbar.tsx Unexpected token (9:15)

내가 설명서를 참조 오류를 발생하지만 난 글로벌 jsx을 사용하는 방법을 이해 해달라고 이해 해달라고 프로젝트의 모듈. 반응없이 typescript + jsx를 사용할 수 있습니까? 당신이 jsx 사용하는 경우 웹팩 파일을

출처

2016-10-14 Fuad Ibrahimov

을 컴파일

내 App.tsx 클래스

[ my App.tsx class[2]

오류 : prevserve, 그것은 타이프 스크립트 컴파일러가 출력 파일을 .tsx 것을 의미합니다 결과적으로 브라우저가 jsx 파일을 실행할 수 없기 때문에 jsx를 번역하기 위해서는 Babel과 같은 것이 필요할 것입니다.

난 당신이 뭘 하려는지 모르겠지만, 솔직히 말해서,하지만 당신은 jsx 사용해야 중 하나 반응, 또는 jsx : UR 대답을 + transpiler

출처

2016-10-14 19:35:38 luanped

고맙습니다을 보존 할 수 있습니다. 나는 이해한다) 그래서 나는 jsx로 tsx 컴파일 후 내 jsx를 번역해야한다. 하지만 내가 어떻게 할 수 있니? 나는 webpack을 사용하고있다. 그리고 필요한 로더는 무엇입니까? ts-loader 후에 jsx transpiler를 실행하는 방법은 무엇입니까? –

typscript + jsx 컴파일을위한 유효한 webpack 구성을 보여줄 수 있습니까? –

나는 로더 ts-loader 체인해야한다고 생각해! 바벨 맞지? –

JSX in Typescript in React

답변

관련 문제