NativeScript / NativeScript/nativescript-cli

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

未關閉
#5,257 0 則留言 1 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

bug
主要語言
JavaScript
星號
1.1k
分支
204
平均合併
1 天 9 小時
30 天內合併 PR
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. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

首先,使用列出的 NativeScript 版本和 dart-sass 管線執行提供的 css2json-loader_sass_issue.zip 範例。檢查 bundle.js 中 css2json 產生程式碼附近的內容,並將結果與 css-loader 比較;當範例應用程式啟動時不再出現 undefined 文字或當機時,即表示完成。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript, sass, webpack
領域
build-system, cli, mobile-dev
Issue 類型
缺陷
難度
4/5
預估耗時
3-5 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。