gajus / gajus/babel-plugin-react-css-modules

Cannot Resolve Stylename If not explicitly a String

オープン
#72 コメント 3 件 リアクション 9 件 担当者 0 名 GitHub で見る
enhancement
主要言語
JavaScript
スター
2k
フォーク
159
PR マージ指標
30日以内にマージされた PR はありません

説明

Take the following code snippet:

```
render() {
const appliedStyles = ['one', 'two'];
appliedStyles.push(this.props.a ? 'style-a' : 'style-b');

return (


Hello

);
}
```

What you'll see is that we'll end up getting something like `Unhandled rejection Error: Could not resolve the styleName 'style-a'.`

However, if we change the code ever so slightly to
```


```
then it seems to work.

Is this a Babel constraint or a fixable bug? The pattern works with your [non-babel version](https://github.com/gajus/react-css-modules).

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず、提供された React スニペットを babel-plugin-react-css-modules で使って問題を再現し、配列の join 式と template literal 形式を比較します。Babel プラグインが動的な styleName 式をどのように解決するかを確認し、リンク先の非 Babel 版の動作と比較します。両方の形式が報告されたエラーなしで解決されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
babel, javascript, react
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。