2017-08-02 40 views
0

VS 2017应该了解jsx文件。当我从2015年转换到2017年时,我所有的jsx文件都变成了非常长的红色下划线。即使在vs2015,我也没有任何错误。我想这是因为vs 2015只是没有打扰到首先“智能化”文件,但我更喜欢没有智能感和干净的视图,而不是具有认为一切都是错误的智能感知。让VS2017了解jsx

我用的WebPack +通天transpile和捆绑我的反应的组分。当我与webpack buld一切顺利。但intellisense说,一切都是错误的。

在我的web项目中有一个名为“阵营”这下我所有的反应意见和组件位于文件夹。

当我导入第三方组件(不是相对路径)对2017年智能提示说,它无法找到模块。

enter image description here

但这是不会发生的所有文件。在某些文件中可以解析模块,在其他文件中则不能。

这到底是怎么回事,我应该如何解决这个问题呢?

智能感知坏了,所以我不得不禁用高亮显示语法错误。这是更好的方式,但我还没有intellisense(自动完成,建议等)

回答

0

你应该下载react.d.ts文件,所以Visual studio可以理解他们。 例如从这里下载:react.d.ts或者我认为还有一个nuget包也。 另一种方法是使用下面的语法:var react=require('react'),但你不会得到智能感知这种方式,但至少你会得到全成构建。

+0

这是什么文件?它有什么作用?那么所有其他模块呢?看起来这就像一个polyfill反应。骨干,jquery和我使用的所有其他第三方库如何?另外,我使用webpack构建我的文件。我不需要打字稿。我只想让文本编辑器恰当地突出显示我的代码,正确缩进它(jsx缩进很糟糕)并正确地智能化它。 –

+0

我无法单独在jsx文件中获得正确的语法。我没有语法突出显示,intellisense,没有。然后我创建了tsx文件(它自动创建jsx文件),它帮助了我。 –

+0

那么,你是否建议把我的所有文件重命名为tsx,并更改我的webpack.config来设置babel以将tsx文件理解为React文件?这会起作用吗? –