2017-08-02 41 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文件?這會起作用嗎? –