Bower ve xo-tepkilerini kullanırken limming hataları tepki verir

Question

Bir React uygulamasına sahibim. Linter yapılandırmam için xo-react kullanıyorum. Ben modül yöneticisi olarak webpack veya systemjs kullandığınızda
, her şey yolunda ama çardak kullanırken benim JSX şablonları gelen react/jsx-no-undef veya react-in-jsx-scope gibi sorunları var.

Örnek:

return (
    <Title/> 
); 

'Title' is not defined (react/jsx-no-undef) atar WebPack kullanırken

Answer 1

Genellikle, import Title from './title.js'; veya var Title = require('./title.js'); yapacağız. Linter, daha sonra bu kapsamda Title bildirildiğini görebilir. SystemJS için, eşdeğer System.import('./title.js').then(function (Title) { /* Title exists here */ }); olur ve yine bir Title var. Sadece <script> etiketlerini kullanarak Bower, globals'a dayanır, ancak söyleyene kadar linter onları bilmez.

1. Inline yorumlar:: /*global Title*/
2. sizin .eslintrc ait globals bölümüne bunları ekleyin:

{ "globals": { "Title": true } } daha specifying globals konulu belgelere bakın bunu yapmanın iki yolu vardır.