Reactjs 使用bower和xo React时,React linting错误
我有一个React应用程序。我正在为我的过梁配置使用。Reactjs 使用bower和xo React时,React linting错误,reactjs,eslint,Reactjs,Eslint,我有一个React应用程序。我正在为我的过梁配置使用。 当我使用webpack或systemjs作为模块管理器时,一切都很好,但当我使用bower时,我会遇到来自jsx模板的react/jsx no undef或react in jsx scope等问题 例如: return ( <Title/> ); 返回( ); 抛出'Title'未定义(react/jsx no undef)通常,在使用网页包时,您将执行从“/Title.js”导入标题的操作或var Title=r
当我使用
webpack
或systemjs
作为模块管理器时,一切都很好,但当我使用bower时,我会遇到来自jsx模板的react/jsx no undef
或react in jsx scope
等问题
例如:
return (
<Title/>
);
返回(
);
抛出
'Title'未定义
(react/jsx no undef
)通常,在使用网页包时,您将执行从“/Title.js”导入标题的操作代码>或var Title=require('./Title.js')代码>。linter可以看到Title
随后在该范围内声明。对于SystemJS,等价物是System.import('./title.js')。然后(函数(title){/*title在这里存在*/})代码>,范围中又有一个标题
。仅使用
标记的Bower依赖于globals,但linter不知道这些标记,除非您告诉它。有两种方法可以做到这一点:
内联注释:/*全局标题*/
将它们添加到.eslintrc
:{“globals”:{“Title”:true}}
有关更多信息,请参阅上的文档