3

ノード モジュール:

  • エスリント 1.10.3
  • バベル-EsLint 4.1.6
  • Eslint-plugin-react 3.15.0

lint されるサンプル ファイル:

class NotepadComponent extends React.Component {
    static displayName = 'NotepadComponent'

    static defaultProps = {
        activeTab: 'type'
    }
}

コマンド ラインでは、babel を使用してリントとトランスパイルを問題なく実行できます。問題は、ビジュアルスタジオから糸くずをしようとしています。内部で esLint を使用するWeb アナライザー プラグインを使用しています。

このビジュアル スタジオ モジュールは.eslintrc以下のファイルを定義しますC:\Users\My-Username。先に進み、このファイルと、この構成を使用して node_modules のメイン フォルダーを更新しました。

"parser": "babel-eslint",
"ecmaFeatures": {
    "jsx": true,
    "classes":  true
    },
    "plugins": [
        "react"
    ],
    "env": {
        "browser": true,
        "node": true,
        "es6": true,
        "jquery":  true
    },

しかし、まだ「JSX パーサー: 予期しないトークン =" エラーが発生します:

コマンドライン ツールと同じように Web アナライザーを動作させるためのアイデアはありますか?

Visual Studio リンティング エラー

4

2 に答える 2

0

TSLint と Web Analyzer の組み合わせで同様の問題が発生しました。Web Analyzer は、C:\Users\[User]\AppData\Local\Temp\WebAnalyzer1.7.75 に独自の node_modules インストールを使用していることがわかりました。そこには、lint の結果を Visual Studio に伝える nodeJS サーバー (.js) もあります。このサーバーを適応させて、Visual Studio でより多くのエラー フィードバックを取得することができました。このフィードバックは、不足している npm パッケージを C:\Users\[User]\AppData\Local\Temp\WebAnalyzer1.7.75 にインストールする必要があることを教えてくれました。C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE. ESLintでも同じことができるかもしれません。WebEssentials tslint カスタム ルールも参照してください。

于 2016-04-14T07:46:16.790 に答える
0

実際には、defaultProps の Es6 では、クラスの外で設定する必要があります。例:

class NotepadComponent extends React.Component {
  constructor(props){
    super(props);
  }
}
NotepadComponent.defaultProps ={
                               activeTab:'type'
                               }
NotepadComponent.displayName = 'NotepadComponent'

それがあなたが探しているものかどうかはわかりませんが、おそらくこれがあなたを助けるでしょう

于 2016-01-21T21:43:13.487 に答える