2017-08-02 2 views
0

VS2017はjsxファイルを理解するはずです。私が2015年から2017年に移行したとき、私のすべてのjsxファイルは非常に長い赤色の下線に変わりました。 vs2015では何のエラーも起こっていませんがどこでもエラーがどこにありますか。私はそれは、2015年対が最初にファイルを「インテリセンス」するのを気にしなかったからだと思うが、すべてが間違っていると思うインテリセンスを持っているよりも、インテリセンスとクリーンなビューを好まない。VS2017がjsxを理解できるようにする

私はwebpack + babelを使用して反応成分を蒸散させ、バンドルします。私がwebpackでbuldときにすべてうまくいく。しかし、インテリセンスはすべてが間違っていると言います。

私のWebプロジェクトには、すべての反応ビューとコンポーネントが配置されている「React」という名前のフォルダがあります。

第三者コンポーネント(相対パスではありません)をインポートすると、Intellisenseはモジュールを見つけることができないと言います。

enter image description here

しかし、これはすべてのファイルに起きていません。いくつかのファイルではモジュールを解決できますが、他のモジュールでは解決できません。

ここでは何が起こっているのですか。この問題をどのように解決する必要がありますか?

Intellisenseが壊れているため、シンタックスエラーの強調表示を無効にする必要がありました。それはもっと良い方法ですが、まだ私はintellisense(オートコンプリート、提案など)を持っていません

答えて

0

Visual studioを理解できるようにreact.d.tsファイルをダウンロードする必要があります。 たとえば、react.d.tsからダウンロードするか、またはnugetパッケージもあると思います。 もう1つの解決策は、この構文を使用することです:var react=require('react')しかし、あなたはこのようにintellisenseを得ることはありませんが、少なくともあなたは成功したビルドを取得します。

+0

このファイルは何ですか?それは何をするためのものか?他のすべてのモジュールはどうですか?これは反応のためのpolyfillのようなものです。私が使用しているバックボーン、jquery、その他すべてのサードパーティのライブラリはどうですか?また、webpackでファイルをビルドします。私はタイスクリプトは必要ありません。私はテキストエディタが適切に私のコードを強調表示し、適切にインデントし(jsxインデントが恐ろしい)、適切にインテリセンスするようにします。 –

+0

私はjsxファイルの中だけで正しい構文を得ることができませんでした。私はシンタックスハイライト、インテリセンス、何も得られませんでした。その後、私はtsxファイルを作成して(これは自動的にjsxファイルを作成します)、それが私を助けました。 –

+0

したがって、すべてのファイルの名前をtsxに変更し、webpack.configを変更してtsxファイルをReactファイルとして理解するようにbabelを設定することをお勧めしますか?それは働くだろうか? –

関連する問題