web-dev-qa-db-ja.com

React Visual Studio Codeのインテリセンス

単純なものが欠けていると確信していますが、Visual StudioコードでReact.js IntelliSenseを動作させることはできません。

私は次のことをしました：

  • npm install typings
  • ext install Typings Installer Visual Studio Code
  • ext install Typings Visual Studio Code
  • typings initは私の「アプリ」のルートディレクトリにあります
  • typings install --ambient react-globalは私の「アプリ」のルートにあります
  • visual Studio Codeを再起動しました

typingsフォルダーが作成されました。私のアプリは、次のフォルダー構造で構成されています。

├───public
│   ├───css
│   └───scripts
|       └───test.js
└───typings
    ├───browser
    │   └───ambient
    │       └───react-global
    └───main
        └───ambient
            └───react-global

しかし、test.jsにいるときにReact.と入力すると、IntelliSenseを取得できません。

私は基本的な何かを見逃していると思いますか？

編集：あなたの助けをありがとう、それは実際には再びより複雑です。私think私はそれを動作させ、ここに私のステップについて書いた http://mattdufeu.co.uk/setup-intellisense-vscode- react-js /

reactjsintellisensevisual-studio-code
18
MattDuFeu

ワークスペースのルートにjsconfig.jsonを追加する必要があると思います

https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

[注：jsconfig.jsonファイルが空です]

angularと同じ問題がありましたが、これで解決しました。

お役に立てれば！！

22
Umamaheswaran

タイピング（およびその点でtsd）はどちらも推奨されなくなりました。私の状況に対する1行の答えは、コマンドでnpmからの型定義を含めることでした

npm i @types/react --save-dev

intellisenseはすぐにVisual Studio Codeで新しい定義を取得しましたが、おそらく他の誰かのためにVSCodeウィンドウを再起動する必要があるかもしれません。

関連性があるかどうかはわかりませんが、アプリは最新バージョンのcreate-react-appで作成されました。

6
Brandon Søren Culley

2016年3月または4月に他の誰かがこの質問に遭遇した場合、githubでこの問題をチェックして、問題が解決されたかどうかを確認することもできます。

https://github.com/Microsoft/vscode-react-native/issues/61

基本的に、_import React, { Component } from 'react'_ ES6スタイルのモジュールインポートを使用すると、SalsaのIntellisenseが機能しなくなります。回避策はrequireを使用することです。
var React = require('react'); var { Component } = React;

4
Ahmad Ragab

空のjsconfig.jsonファイルをリアクションプロジェクトに追加すると、ビルドプロセスがクラッシュします。次のようなもので埋めてください

{
  "compilerOptions": {
    "target": "es6"
  }
}
0
Hojat Jafari