1 页面调试

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/kylinhuang/MyChromeDevUserData/

2 设备调试

修改 devtool 查看 源码
node_modules @ionic/app-scripts/config/webpack.config.js

修改 devtool 查看 源码
devtool: eval-source-map,

浏览器 查看

chrome://inspect/#devices

错误

在node_modules/@ionic/app-script/config/webpack.config.js

    module: {
      loaders: [
        {
          test: /\.json$/,
          loader: 'json-loader'
        },
        {
          test: /\.ts$/,
          loader: process.env.IONIC_WEBPACK_LOADER
        },
        {
          test: /\.js$/,
          loader: process.env.IONIC_WEBPACK_TRANSPILE_LOADER
        },
        {
          test: /\.jsx?$/,
          exclude: /(node_modules|bower_components)/,
          loader: 'babel-loader', // 'babel-loader' is also a legal name to reference
          query: {
            plugins: ["transform-runtime", "babel-plugin-transform-regenerator"],
            presets: ['es2015','stage-3']
          }
        }
    ]
},

添加 以下代码

{
  test: /\.jsx?$/,
  exclude: /(node_modules|bower_components)/,
  loader: 'babel-loader', // 'babel-loader' is also a legal name to reference
  query: {
    plugins: ["transform-runtime", "babel-plugin-transform-regenerator"],
    presets: ['es2015','stage-3']
  }
}