NativeScript / NativeScript/nativescript-cli

Using sass (dart-sass) with css2json-loader acts weird and crashes the app

オープン
#5,257 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

bug
主要言語
JavaScript
スター
1.1k
フォーク
204
平均マージ
1日 9時間
マージ済み PR(30日)
8

説明

Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

  • CLI: 6.4.x (probably happens on older)
  • Cross-platform modules: 6.4.x (same)
  • Android Runtime: 6.4.x
  • iOS Runtime: 6.4.x

Describe the bug
An app with SCSS that is handled with sass implementation (dart-sass) and then served through css2json-loader produces code in the form of "undefinedundefined" inside bundle.js, just after the css2json produced code and app crashes on startup. Removing the css2json-loader and using css-loader works normal. Changing Webpack to 4.40.x produces several pages filled with "undefinedundefinedundefined...".

To Reproduce
Use the provided project and try to run it.

Expected behavior
To run.

Sample project
css2json-loader_sass_issue.zip

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

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

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、提供されている css2json-loader_sass_issue.zip のサンプルを、記載されている NativeScript のバージョンと dart-sass パイプラインで実行します。css2json によって生成されたコードの周辺の bundle.js を調べ、結果を css-loader と比較します。サンプルアプリが undefined というテキストやクラッシュなしで起動すれば完了です。

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

評価

技術スタック
javascript, sass, webpack
領域
build-system, cli, mobile-dev
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

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

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