📜  除非提供“--jsx”标志,否则无法使用 JSX - Javascript (1)

📅  最后修改于: 2023-12-03 15:42:24.368000             🧑  作者: Mango

除非提供“--jsx”标志,否则无法使用JSX - JavaScript

JSX是一种JavaScript语法扩展,用于将HTML类似的代码写入JavaScript中。它通常与React一起使用。但是,如果你不提供“--jsx”标志,JSX代码将无法正常工作。

原因

JSX已成为React的一部分,但它并没有被JavaScript官方承认。这意味着浏览器不知道如何解释JSX代码,因为它不是标准JavaScript。所以,你需要让编译器知道你使用了JSX,以便将它转换为标准JavaScript。

解决方案

在使用JSX时,你需要告诉编译器它应该被转换为标准JavaScript。这可以通过提供“--jsx”标志来实现。这个标志可以在多种编译器中使用,包括Babel和TypeScript。下面是一些示例命令行:

Babel
babel --presets react --plugins transform-react-jsx file.jsx
TypeScript
tsc --jsx react file.tsx
结论

如果你想在JavaScript中使用JSX,那么你需要告诉编译器将它转换为标准JavaScript。这可以通过提供“--jsx”标志来实现。请确保在你的项目中使用正确的编译器和参数,以避免“无法使用JSX”的错误。