Hiển thị Phản hồi của máy chủ Thẻ không mong đợi, JSX và Babel

Question

Tôi đang gặp khó khăn khi tìm đúng cách để sử dụng babel để cho phép tôi sử dụng jsx trong serverside.

Nút-jsx không được dùng cho babel. Có vẻ như babel-core/register là những gì được cho là được sử dụng nhưng tôi vẫn nhận được các vấn đề về mã thông báo không mong muốn.

Tôi đã tạo một repo có vấn đề.

https://github.com/pk1m/Stackoverflow-helpme

Khi tôi chạy node app hoặc npm run watch-js tôi tiếp tục nhận được dấu hiệu bất ngờ đề cập đến mã JSX '<'.

Làm thế nào để tôi có được babel để transpile JSX, hoặc tôi hoàn toàn tắt, cảm ơn.

Answer 1

Bạn cần sử dụng babel/register (npm i babel --save). Và chạy trên máy chủ của bạn:

require('babel/register')({ 
    stage: 0 
}); 

Bạn có thể bỏ qua giai đoạn 0 nếu bạn không sử dụng tính năng babel thử nghiệm. Ngoài ra, bạn có thể muốn đặt các tùy chọn đó vào .babelrc thay thế.

Lưu ý rằng nó sẽ chỉ hoạt động đối với các tệp được yêu cầu SAU KHI gọi đó (vì vậy nó sẽ không ảnh hưởng đến tệp bạn đưa vào).

Bạn cũng có thể có cài đặt trước và các tùy chọn khác trong tệp .babelrc.

Đối babel 6x:

npm i babel-core babel-preset-es2015 babel-preset-react --save 

require('babel-core/register')({ 
    presets: ['es2015', 'react'] 
}); 

Lưu ý: cũng có những giai đoạn 0-2 cài đặt trước.

Đối xem như bạn đã viết trong package.json của bạn, bạn có thể thử một lệnh CLI như một facebook đang đề xuất trong tờ giấy here (hoặc webpack sử dụng):

babel --presets react es2015 --watch app/ --out-dir build/ 

babel