ionic-team / ionic-team/ionic-cli

Breakpoints get out of sync when @IonicPage() parameters are on multiple lines

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

還沒有人認領這個 Issue。

needs investigation project type: ionic-angular
主要語言
TypeScript
星號
2k
分支
681
PR 合併指標
30 天內沒有已合併 PR

描述

**Description:**

When adding an @IonicPage decorator, everything is fine, but if @IoniPage parameters are written on multiple lines, breakpoints get out of sync.

**Steps to Reproduce:**
Add the following decorator on a component:
```
@IonicPage({
name: 'my-page',
segment: 'my-page/'
})
```
Then, try breakpoints in the component.

**Output:**
![image](https://user-images.githubusercontent.com/19739456/38106749-0092696a-335e-11e8-8248-221ec2a18145.png)

**My `ionic info`:**

```
cli packages: (/usr/lib/node_modules)

@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.5
Cordova Platforms : none
Ionic Framework : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node : v8.10.0
npm : 5.6.0
OS : Linux 4.9

Environment Variables:

ANDROID_HOME : /home/martialp/Android/Sdk

Misc:

backend : pro

```

**Other Information:**

There is a similar problem on the [ionic forum](https://forum.ionicframework.com/t/debugger-breakpoint-not-correct-in-chrome-mapping-wrong/109950)

貢獻指南

開啟貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

使用報告中所示的多行 @IonicPage 裝飾器重現問題,然後追蹤負責編譯或提供該元件及其中斷點對應的 Ionic CLI 入口點。比較裝飾器參數位於單行和多行時的中斷點位置;當中斷點能解析到元件的正確行時即表示完成。

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

評估

技術堆疊
typescript
領域
cli
Issue 類型
缺陷
難度
3/5
預估耗時
1-2 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
35/100

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

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