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 摘要。