こんにちは、
Reactアプリの特定の部分でエラーE015の問題が発生しています。
エラーが表示されている行は次のとおりです。
<ImagePreview key={el.id} {...el} />
エラーは最後に大なり記号で表示されます
<div className="panel-footer">
<h5>{this.state.image.description}</h5>
</div>
エラーは、h5タグの最後にある大なり記号で表示されます
<Link to={"topics/"+e.id} key={e.id} className="list-group-item">
<h4>{e.name}</h4>
<p>{e.description}</p>
</Link>
エラーは、h4タグの最後にある大なり記号で表示されます
私はバージョン2.9.4を使用しており、VSCodeバージョン1.9を使用しています。 結果のバンドルされたコードは問題なく機能しています。
私の注意を引くのは、コードが次のように変更されるとエラーがなくなることです。
<div className="panel-footer"><h5>
{this.state.image.description}
</h5></div>
うまくいけば、誰かが私にこれに関するいくつかの指針を与えることができます。
一番、
ロドリゴ。
JSHintはJSX構文を解析できないため、共有しているソースコードがJSHintに提供されているコードと同じではないと思います。 ただし、ツールチェーンについての知識がなければ、これを言うのは困難です。 JavaScriptコードを共有できれば、私たちがお手伝いできるはずです。
こんにちは、迅速な回答に感謝します!!
これは、同じ問題を提示している非常に単純な反応バイオラープレートです:
import React, { Component } from 'react';
export default class App extends Component {
render() {
return (
<div>React simple boilerplate</div>
);
}
}
これがVSCodeでどのように見えるかの写真です。 ご覧のとおり、これは完全なファイルであり、エラーも同じです。
うまくいけば、この情報がお役に立てば幸いです。
一番、
ロドリゴ。
JSHint.comでその動作を再現できますが、報告されたエラーは
期待される。 JShintはJSX構文を解析できないため、エラーは次のようになります。
無効なJavaScriptを正しく識別します。
ただし、最初のレポートでは、この問題を解決する準備ができていません。
次の入力ではエラーが発生しなかったと述べています。
<div className="panel-footer"><h5>
{this.state.image.description}
</h5></div>
これは有効なJSX構文である可能性がありますが、有効なJavaScriptではありません。
JSHintがエラーを報告することを期待してください。 それがあなたの
エディターは、コードを渡す前に、コードに対して何らかの変換を実行しています
JSHintに沿って。 あなたの編集者がどうなっているのかわからないので、言うのは難しいです
JSHintを呼び出すように構成されています。 その統合がどのように行われるかを調査できますか
(おそらくいくつかのプラグインを介して)、そしてそのような変換が行われているかどうかを確認しますか? もしも
したがって、表示されているエラーは、JSHint自体のバグを反映している可能性があります。
(プラグインの問題でもある可能性がありますが)。
私はそれを調べて、情報が得られたらすぐに戻ってきます。
一番、
ロドリゴ。
これについて何か一言、@ rhernandog?
@jugglinmike申し訳ありませんが、これに関するニュースはありません。
ご覧のとおり、私は拡張機能のリポジトリで運が悪かったと述べました。 実際、拡張機能は1年近く更新されておらず、9月以降問題は解決されていないため、これに関する回答が得られるとは確信していません。 Neoがアーキテクトに言ったように、作成者はJSHint拡張機能よりもESLint拡張機能に最も焦点を合わせています。_問題は選択です_
これを開いたままにするか、閉じるかを選択できます。 奇跡によってレポに答えがあれば、私は戻ってそれを再び開きます。
フォローアップしていただきありがとうございます。
一番、
ロドリゴ。
これ以上の情報がなければ、ここでできることはあまりありません。 誤ったプラグインの動作に関する私の理論が最も実行可能な説明だと思うので、そうでないことを疑う理由があるまで、その解釈に基づいて進めたいと思います。 あなたが言うように、それが適切であるとき/私たちはこの問題を再開することができます。
私に戻ってきてくれてありがとう!
この回答がお役に立てば幸いです。
私は同じ問題に直面していました。 いくつかのサードパーティの拡張機能が原因であることが判明しました。
ねえ@jugglinmike 、私は最近JSHintを使用してVS Code拡張に取り組んでおり、それに光を当てることができます。 ドキュメント全体を1つの文字列としてJSHINTjavascript apiに直接渡すため、変換は行われません。 コード
<div className="panel-footer"><h5>
{this.state.image.description}
</h5></div>
エラーが表示されます。 元の作成者の意図が.jsxファイルで実行することであったかどうかはわかりませんが、解決策は、拡張機能がファイルを解析し、構文のjsx部分を識別し、それらをJSHintに渡す前に空白行にすることだと思います。 。
私は同じ問題に直面しています...これを処理する方法がわかりません
ここで同じ問題、または多分それも問題ではありません...
JSHintを無効にすると、この問題は解決しました。
jshintを無効にする方法は?
@JuanPabloSilvaチェックしてください。
https://github.com/aurelia/vscode-extension/issues/80#issuecomment -368266942
このエラーは非常に煩わしいため、jshintが使用できなくなります。 少なくともこのヒントを無効にするオプションはありますか?
このエラーは非常に煩わしいため、jshintが使用できなくなります。 少なくともこのヒントを無効にするオプションはありますか?
完全にあなたに同意します@hiraditya
この特定のjshintを無効にするオプションが必要ですが、拡張機能全体を無効にすることはできません。
jshintは他のvscodeパッケージと競合するため、無効にするだけです。
ありがとう、jshintを削除しました。それですべてOKです。
VS Code拡張機能からjshint
をアンインストールすると、この問題は解消されました。
最も参考になるコメント
JSHintを無効にすると、この問題は解決しました。