bowerとxo-reactを使用したときの糸くずれのエラー

Question

私はReactアプリを持っています。私はxo-reactを私のlinter構成に使用しています。
モジュールマネージャーとしてwebpackまたはsystemjsを使用した場合はすべて問題ありませんが、私がバワーを使用すると、react/jsx-no-undefまたはreact-in-jsx-scopeのような問題がJSXテンプレートから発生します。

例：

return (
    <Title/> 
); 

はWebPACKのを使用しているときにimport Title from './title.js';やvar Title = require('./title.js');をやる、通常'Title' is not defined（react/jsx-no-undef）

Answer 1

をスローします。リンターは、Titleがそのスコープで宣言されていることを見ることができます。 SystemJSの場合、等価はSystem.import('./title.js').then(function (Title) { /* Title exists here */ });であり、範囲はTitleです。単に<script>タグを使っているBowerは、グローバルに依存していますが、あなたがそれを知らない限り、Linterはそれらについて知りません。

1. インラインコメント：それを行うには、2つの方法があります/*global Title*/
2. はあなたの.eslintrcのglobalsセクションにそれらを追加します。{ "globals": { "Title": true } }

多くのためのspecifying globals上のドキュメントを参照してください。