GitHub拡張子がjsのReactファイルのコードハイライト

Question

Reactファイルを作成して、それを.jsという拡張子で保存すると、GitHubコードの強調表示がテキストの一重引用符に達したときに壊れます。 .jsxに同じファイルを保存しても問題ありません。

this repoの例を参照してください。ファイルcorrect-highlighting.jsxとincorrect-highlighting.jsは同じ内容です。可能であれば、.jsの構文の強調表示が間違っています。

これを修正するには、まだ.jx拡張子を使用していますか？

Answer 1

Linguist readmeに基づくやや面倒な解決策は、vimまたはemacsのモデルラインをファイルに追加することです。 GH上で正しい構文書式を維持しながら、ソースを有効に保つためにJSコメント内に追加することができます。

https://gist.github.com/ryanjduffy/50ba7c8d8adcbe1615cb016bf799cc69

// vim: syntax=JSX 
import React from 'react'; 

export default class MyClass extends React.Component { 
    render() { 
    return (
     <a href="google.com">Let's head to google.com</a> 
    ); 
    } 
} 

Answer 2

githubでファイルの構文を強制することはできません。間違ったJavaScriptの構文は.jsxのであるため、残念ながら、あなたは、ファイルが.jsの拡張子を持っている場合、誤ったJSXがハイライト表示を参照理由が本当にあるhttps://webapps.stackexchange.com/questions/31654/force-github-syntax-highlighting-language-on-source-files

Answer 3

、正確なシンタックスハイライトと言語検出宝石（Linguist）JSXを持つGitHubののおかげでそう構文が正しく強調表示されません。

この問題は、テキストエディタとしての.js拡張者のために存在します。特定の種類の拡張子として扱うファイルの種類を変更できます。私はいくつかのシンタックスハイライタープラグインが.jsxとして扱う有効な拡張子として.jsファイルを含んでいることを知っていますが、それを削除することもできます。これはReactを使わずにファイルを実行すると明らかに機能しません。

しかし、Linguistで問題を提出（または寄稿）して、githubに拡張子が.jsのファイルにJSX構文の強調表示を展開するよう依頼することができます。