ionic-team / ionic-team/ionic-cli

Files with extension .css not loaded in DevTools Chrome on running command "ionic cordova run android"

未關閉
#4,744 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
triage
主要語言
TypeScript
星號
2k
分支
682
PR 合併指標
30 天內沒有已合併 PR

描述

**Description:**

CSS files are in **assets** folder.

![Screenshot (29)](https://user-images.githubusercontent.com/87313509/127887639-89de848d-f71b-4280-a234-2f3749c2b199.png)
![Screenshot (27)](https://user-images.githubusercontent.com/87313509/127887686-a1922368-63d9-4948-8fbc-b77a634b2acb.png)
![Screenshot (28)](https://user-images.githubusercontent.com/87313509/127887735-c375aa3a-aced-414d-8d24-03521ef3b652.png)

**Steps to Reproduce:**
I am getting above **issue** on running command **"ionic cordova run android"**.
And **work fine** on running command **"ionic cordova run android -l" or "ionic serve"**

**My `ionic info`:**

Ionic:
<-------------> 0% INITIALIZING [115ms]
Ionic CLI : 6.16.3 (C:\Users\a\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 5.6.12
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.1.4
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : android 9.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 4 other plugins)

Utility:

cordova-res (update available: 0.15.3) : 0.15.2
native-run (update available: 1.4.0) : 1.3.0

System:

Android SDK Tools : 1.0 (C:\Users\a\AppData\Local\Android\Sdk)
NodeJS : v14.15.1 (C:\Program Files\nodejs\node.exe)
npm : 7.10.0
OS : Windows 10

**Other Information:**
{
"name": "tvchart",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "~12.1.1",
"@angular/compiler": "~12.1.1",
"@angular/core": "~12.1.1",
"@angular/forms": "~12.1.1",
"@angular/platform-browser": "~12.1.1",
"@angular/platform-browser-dynamic": "~12.1.1",
"@angular/router": "~12.1.1",
"@ionic/angular": "^5.5.2",
"@types/jquery": "^3.5.6",
"animate.css": "^4.1.1",
"jquery": "^3.6.0",
"rxjs": "~6.6.0",
"tslib": "^2.2.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~12.1.1",
"@angular-eslint/builder": "~12.0.0",
"@angular-eslint/eslint-plugin": "~12.0.0",
"@angular-eslint/eslint-plugin-template": "~12.0.0",
"@angular-eslint/template-parser": "~12.0.0",
"@angular/cli": "~12.1.1",
"@angular/compiler": "~12.1.1",
"@angular/compiler-cli": "~12.1.1",
"@angular/language-service": "~12.0.1",
"@ionic/angular-toolkit": "^4.0.0",
"@types/jasmine": "~3.6.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "4.16.1",
"@typescript-eslint/parser": "4.16.1",
"cordova-android": "^9.1.0",
"cordova-plugin-device": "2.0.2",
"cordova-plugin-ionic-keyboard": "^2.0.5",
"cordova-plugin-ionic-webview": "^5.0.0",
"cordova-plugin-splashscreen": "5.0.2",
"cordova-plugin-statusbar": "2.4.2",
"cordova-plugin-whitelist": "^1.3.3",
"eslint": "^7.6.0",
"eslint-plugin-import": "2.22.1",
"eslint-plugin-jsdoc": "30.7.6",
"eslint-plugin-prefer-arrow": "1.2.2",
"jasmine-core": "~3.8.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.3.2",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"typescript": "~4.2.4"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-keyboard": {},
"cordova-plugin-ionic-webview": {}
},
"platforms": [
"android"
]
}
}

貢獻指南

開啟貢獻指南

研究方向

No repository file or test is named. Reproduce `ionic cordova run android` and compare it with `ionic cordova run android -l` and `ionic serve`, then trace the CLI's Android asset handling; done means CSS files in the assets folder load and appear in Chrome DevTools during a non-live Android run.

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

評估

技術堆疊
android, angular
領域
build-system, cli, mobile-dev
Issue 類型
缺陷
難度
4/5
預估耗時
3-5 天
活躍度
停滯
描述清晰度
需要釐清
新手友好度
25/100

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

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