调试

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']
        }
      }