构建:除非提供'--jsx'标志,否则不能使用JSX

Question

我正在使用VS 2013和tsx文件做出反应.我可以手动构建我的项目.(右键单击并构建解决方案)

但是当我尝试在Azure上发布时,VS会再次尝试构建,但当时我收到的所有错误都表示为:

Error   2   Build: Cannot use JSX unless the '--jsx' flag is provided. 

并指向我的tsx文件.

看起来像Azure Publish使用不同于VS 2013的构建步骤.

我该如何解决这个问题？

Answer 1

我添加"jsx": "react"到我tsconfig.json的解决此错误:

{
    "compileOnSave": true,
    "compilerOptions": {
        "target": "es6",
        "outFile": "Content/app.js",
        "sourceMap": true,
        "jsx": "react"
    }
}

Answer 2

将此添加到csproj在VS2015中为我工作:

<PropertyGroup> <TypeScriptJSXEmit>react</TypeScriptJSXEmit> </PropertyGroup>

资源

Answer 3

在您tsconfig.json添加一个属性 jsx 与 react value "jsx": "react"。其次，您还应该包含文件以反映这样的编译器选项 (index.tsx)。

{
    "compilerOptions": {
        "outDir": "./build/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es5",
        "jsx": "react"
    },
    "files": [
        "./src/app/index.tsx"
    ]
}

Answer 4

tsc --jsx helloWorld.tsx http://staxmanade.com/2015/08/playing-with-typescript-and-jsx/

这可能对你有帮助