ionic2 chrome调试没有打字稿答案

【问题标题】：ionic2 chrome debug no typescriptionic2 chrome调试没有打字稿
【发布时间】：2017-04-09 11:38:30
【问题描述】：

我正在使用 ionic 版本 2.1.12 创建一个新的 ionic2 项目。
运行后命令

离子服务

使用chrome调试，但是找不到typescript文件

.

我的 ionic-app-script 版本是 0.0.46，找了一整天，谁能帮帮我。

【问题讨论】：

标签： google-chrome typescript ionic-framework ionic2

【解决方案1】：

单击（无域）并在节点模块之后向下滚动。

【讨论】：

在（无域）中找到了 ts 文件，但是为什么？如何将其移动到指定文件

【解决方案2】：

更新最新的 ionic-app-script：

npm install @ionic/app-scripts@latest

【讨论】：

不，这将导致对 ionic 2.2.0 的依赖未得到满足

【解决方案3】：

如果 ionic serve 导致出现空白页面，请确保您的 package.json 包含以下所有内容....（内部脚本）

"scripts": {
   "build": "ionic-app-scripts build",
"watch": "ionic-app-scripts watch",
"serve:before": "watch",
"emulate:before": "watch",
"deploy:before": "build",
"build:before": "build",
"run:before": "watch"

  }

【讨论】：

我将它添加到我的 package.json 文件中，然后运行（npm install），然后重新运行（离子服务）。浏览器链接变为 ipaddress:8100,that 以前是 localhost:8100.Why 这发生了吗？非常感谢

【解决方案4】：

在package.json中设置source map

"config": { "ionic_bundler": "webpack", "ionic_source_map": "source-map" }

根据链接- Custom Configuration App Scripts

如果有人使用 vscode 进行开发，这是一个有用的链接：debug typescript in vscode

【讨论】：

这里有同样的问题。做了你建议的。但遇到完全相同的问题。
将这个添加到我的package.json后，现在可以在build目录下看到ts文件，但是这个文件夹里的js文件太多了，我可以把这个ts文件移出这个文件夹吗,制作一个src文件就像Demo文件夹结构一样。谢谢。
@Tong 你能运行 ionic info 并分享输出吗？
您的系统信息：ordova CLI：6.4.0 Ionic Framework 版本：2.0.0-rc.3 Ionic CLI 版本：2.1.13 Ionic App Lib 版本：2.1.7 Ionic App Scripts 版本：0.0 .45 ios-deploy 版本：未安装 ios-sim 版本：未安装操作系统：Windows 10 节点版本：v6.9.1 Xcode 版本：未安装@pantonis 在这里
@Tong 和你的 package.json 好吗？

【解决方案5】：

试试这个。这对我有用。

将 config 添加到您的 package.json

  "description": "my-side-menu: An Ionic project",
  "config": {
    "ionic_source_map": "source-map"
  },

【讨论】：