{"action":"reopened","issue":{"url":"https://api.github.com/repos/FormidableLabs/webpack-dashboard/issues/146","repository_url":"https://api.github.com/repos/FormidableLabs/webpack-dashboard","labels_url":"https://api.github.com/repos/FormidableLabs/webpack-dashboard/issues/146/labels{/name}","comments_url":"https://api.github.com/repos/FormidableLabs/webpack-dashboard/issues/146/comments","events_url":"https://api.github.com/repos/FormidableLabs/webpack-dashboard/issues/146/events","html_url":"https://github.com/FormidableLabs/webpack-dashboard/issues/146","id":201460554,"number":146,"title":"Dashboard only shows log","user":{"login":"miguelramos","id":495720,"avatar_url":"https://avatars.githubusercontent.com/u/495720?v=3","gravatar_id":"","url":"https://api.github.com/users/miguelramos","html_url":"https://github.com/miguelramos","followers_url":"https://api.github.com/users/miguelramos/followers","following_url":"https://api.github.com/users/miguelramos/following{/other_user}","gists_url":"https://api.github.com/users/miguelramos/gists{/gist_id}","starred_url":"https://api.github.com/users/miguelramos/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/miguelramos/subscriptions","organizations_url":"https://api.github.com/users/miguelramos/orgs","repos_url":"https://api.github.com/users/miguelramos/repos","events_url":"https://api.github.com/users/miguelramos/events{/privacy}","received_events_url":"https://api.github.com/users/miguelramos/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-01-18T02:13:03Z","updated_at":"2017-01-28T09:26:50Z","closed_at":null,"body":"> Please provide a description of the bug / issue, and provide the details below:\r\n\r\nDashboard only show log screen with angular 2 and typescript configuration.\r\n\r\n###### If the issue is visual, please provide screenshots here\r\n\r\n![captura de ecra 2017-01-18 as 02 01 18](https://cloud.githubusercontent.com/assets/495720/22047983/3f3c31c0-dd22-11e6-8d95-c9f1c30a418d.png)\r\n\r\n###### Steps to reproduce the problem\r\n\r\nyarn start\r\n\r\n###### Please provide a gist of relevant files\r\n\r\npackage.json\r\n```json\r\n\"scripts\": {\r\n    \"build:dll\": \"npm run clean:dll && ./node_modules/.bin/webpack\",\r\n    \"build:aot\": \"npm run build:aot:prod\",\r\n    \"build:aot:prod\": \"npm run clean:dist && npm run sass && ./node_modules/.bin/webpack\",\r\n    \"compile\": \"npm run compile:aot && npm run clean:compile\",\r\n    \"compile:aot\": \"npm run sass && npm run clean:compile && npm run ngc && npm run build:aot\",\r\n    \"clean:dll\": \"./node_modules/.bin/rimraf build\",\r\n    \"clean:dist\": \"./node_modules/.bin/rimraf dist .awcache\",\r\n    \"clean:compile\": \"./node_modules/.bin/rimraf \\\"src/compile\\\" \",\r\n    \"changelog\": \"conventional-changelog -i CHANGELOG.md -s -p angular -v\",\r\n    \"dev\": \"./node_modules/.bin/webpack-dev-server\",\r\n    \"ngc\": \"./node_modules/.bin/ngc -p tsconfig.aot.json\",\r\n    \"postinstall\": \"npm run sass && npm run build:dll\",\r\n    \"start\": \"webpack-dashboard -p 3001 -c blue -- npm run server:dev\",\r\n    \"start:simple\": \"npm run server:dev\",\r\n    \"sass\": \"./node_modules/.bin/node-sass src/assets/scss/styles.scss -o src/assets/css  --include-path node_modules --output-style compressed -q\",\r\n    \"sass:watch\": \"./node_modules/.bin/node-sass -w src/assets/scss -o src/assets/css --include-path node_modules --output-style compressed -q\",\r\n    \"server:dev\": \"npm-run-all -p -r dev sass:watch\",\r\n    \"server:dev:hmr\": \"npm run server:dev -- --inline --hot\",\r\n    \"server:prod\": \"cd dist/client && python -m SimpleHTTPServer\",\r\n    \"test:once\": \"karma start\",\r\n    \"test:once:ci\": \"karma start\",\r\n    \"test\": \"npm run test:once\",\r\n    \"lint\": \"./node_modules/.bin/tslint \\\"src/app/**/*.ts\\\" \"\r\n  },\r\n``` \r\n\r\nwebpack.config\r\n```typescript\r\n///<reference path=\"./typings/webpack.d.ts\"/>\r\n\r\nimport 'ts-helpers';\r\nimport { ConfigPack, root } from './config';\r\n\r\nconst {\r\n  ContextReplacementPlugin,\r\n  DefinePlugin,\r\n  DllPlugin,\r\n  DllReferencePlugin,\r\n  ProgressPlugin,\r\n  NoErrorsPlugin,\r\n  ProvidePlugin\r\n} = require('webpack');\r\n\r\nconst CompressionPlugin = require('compression-webpack-plugin');\r\nconst CopyWebpackPlugin = require('copy-webpack-plugin');\r\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\r\nconst NamedModulesPlugin = require('webpack/lib/NamedModulesPlugin');\r\nconst DashboardPlugin = require('webpack-dashboard/plugin');\r\nconst UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');\r\nconst webpackMerge = require('webpack-merge');\r\n\r\nconst DEFAULTCONFIG = {\r\n  resolve: {\r\n    extensions: ['.ts', '.js', '.json'],\r\n    mainFields: ['module', 'main', 'browser'],\r\n    modules: [ root('node_modules') ]\r\n  }\r\n};\r\n\r\nConfigPack.defineEnvironment();\r\n\r\nconst CONSTANTS = {\r\n  AOT: ConfigPack.IS_AOT,\r\n  ENV: JSON.stringify(ConfigPack.ENVIRONMENT),\r\n  // HMR: HMR,\r\n  HOST: JSON.stringify(ConfigPack.HOST),\r\n  PORT: ConfigPack.PORT\r\n};\r\n\r\nconst COPY_FOLDERS = [\r\n  { from: 'src/assets', to: 'assets' },\r\n  { from: 'node_modules/hammerjs/hammer.min.js' },\r\n  { from: 'node_modules/hammerjs/hammer.min.js.map' },\r\n  ...ConfigPack.COPY_FOLDERS\r\n];\r\n\r\nconst COMMONCONFIG = function webpackConfig(): WebpackConfig {\r\n  let config: WebpackConfig = Object.assign({});\r\n\r\n  config.performance = {\r\n    hints: false\r\n  };\r\n\r\n  config.module = {\r\n    rules: [\r\n      {\r\n        test: /\\.js$/,\r\n        loader: 'source-map-loader',\r\n        exclude: [ConfigPack.EXCLUDE_SOURCE_MAPS]\r\n      },\r\n      {\r\n        test: /\\.ts$/,\r\n        loaders: [\r\n          '@angularclass/hmr-loader',\r\n          'awesome-typescript-loader?{configFileName: \"tsconfig.webpack.json\"}',\r\n          'angular2-template-loader',\r\n          'angular2-router-loader?loader=system&genDir=src/compile/src/app&aot=' + ConfigPack.IS_AOT\r\n        ],\r\n        exclude: [/\\.(spec|e2e|d)\\.ts$/]\r\n      },\r\n      { test: /\\.json$/, loader: 'json-loader' },\r\n      { test: /\\.html/, loader: 'raw-loader', exclude: [root('src/index.html')] },\r\n      { test: /\\.css$/, loader: 'raw-loader' }\r\n    ]\r\n  };\r\n\r\n  config.plugins = [\r\n    new DashboardPlugin(),\r\n    new ContextReplacementPlugin(\r\n      /angular(\\\\|\\/)core(\\\\|\\/)(esm(\\\\|\\/)src|src)(\\\\|\\/)linker/,\r\n      root('./src')\r\n    ),\r\n    new ProgressPlugin(),\r\n    new DefinePlugin(CONSTANTS),\r\n    new NamedModulesPlugin(),\r\n    new ProvidePlugin({\r\n      jQuery: 'jquery',\r\n      $: 'jquery',\r\n      jquery: 'jquery'\r\n    })\r\n  ];\r\n\r\n  if (ConfigPack.IS_DEV_SERVER) {\r\n    COPY_FOLDERS.push({ from: 'build/dll' });\r\n\r\n    config.plugins.push(\r\n      // new WriteFilePlugin(),\r\n      new DllReferencePlugin({\r\n        context: root(''),\r\n        manifest: require('../build/dll/polyfill-manifest.json')\r\n      }),\r\n      new DllReferencePlugin({\r\n        context: root(''),\r\n        manifest: require('../build/dll/vendor-manifest.json')\r\n      }),\r\n      new HtmlWebpackPlugin({\r\n        template: 'src/index.html',\r\n        inject: false,\r\n        title: 'Foursource',\r\n        env: ConfigPack.ENVIRONMENT\r\n      })\r\n    );\r\n  }\r\n\r\n  if (ConfigPack.IS_DLL) {\r\n    config.plugins.push(\r\n      new DllPlugin({\r\n        name: '[name]',\r\n        path: root('build/dll/[name]-manifest.json'),\r\n        context: root('')\r\n      })\r\n    );\r\n  } else {\r\n    config.plugins.push(\r\n      new CopyWebpackPlugin(COPY_FOLDERS, { ignore: ['*dist/*', '*build/*'] }),\r\n      new CopyWebpackPlugin([{ from: 'src/assets/dist' }])\r\n    );\r\n  }\r\n\r\n  if (ConfigPack.IS_PROD) {\r\n    config.plugins.push(\r\n      new NoErrorsPlugin(),\r\n      new UglifyJsPlugin({\r\n        beautify: false,\r\n        comments: false\r\n      }),\r\n      new HtmlWebpackPlugin({\r\n        template: 'src/index.html',\r\n        inject: false,\r\n        title: 'Foursource',\r\n        env: ConfigPack.ENVIRONMENT\r\n      }),\r\n      new CompressionPlugin({\r\n        asset: '[path].gz[query]',\r\n        algorithm: 'gzip',\r\n        test: /\\.js$|\\.html$/,\r\n        threshold: 10240,\r\n        minRatio: 0.8\r\n      })\r\n    );\r\n  }\r\n\r\n  return config;\r\n} ();\r\n\r\nconst CLIENTCONFIG = function webpackConfig(): WebpackConfig {\r\n  let config: WebpackConfig = Object.assign({});\r\n\r\n  ConfigPack.IS_PROD ? config.devtool = ConfigPack.PROD_SOURCE_MAPS : config.devtool = ConfigPack.DEV_SOURCE_MAPS;\r\n\r\n  if (ConfigPack.IS_DLL) {\r\n    config.entry = {\r\n      app_assets: ['./src/main.browser'],\r\n      polyfill: [\r\n        'sockjs-client',\r\n        '@angularclass/hmr',\r\n        'ts-helpers',\r\n        'zone.js',\r\n        'core-js/client/shim.js',\r\n        'core-js/es6/reflect.js',\r\n        'core-js/es7/reflect.js',\r\n        'querystring-es3',\r\n        'strip-ansi',\r\n        'url',\r\n        'punycode',\r\n        'events',\r\n        'webpack-dev-server/client/socket.js',\r\n        'webpack/hot/emitter.js',\r\n        'zone.js/dist/long-stack-trace-zone.js'\r\n      ],\r\n      vendor: [...ConfigPack.VENDOR_DLLS]\r\n    };\r\n\r\n    config.output = {\r\n      path: root('build/dll'),\r\n      filename: '[name].dll.js',\r\n      library: '[name]'\r\n    };\r\n  } else {\r\n    config.entry = {\r\n      main: (ConfigPack.IS_AOT ? './src/main.browser.aot' : './src/main.browser')\r\n    };\r\n\r\n    config.output = {\r\n      path: root('dist/client'),\r\n      filename: 'index.js'\r\n    };\r\n  }\r\n\r\n  config.devServer = {\r\n    contentBase: (ConfigPack.IS_AOT ? './src/compile' : './src'),\r\n    port: CONSTANTS.PORT,\r\n    historyApiFallback: true,\r\n    host: '0.0.0.0',\r\n    quiet: true,\r\n    stats: {\r\n      colors: true\r\n    },\r\n    watchOptions: ConfigPack.DEV_SERVER_WATCH\r\n  };\r\n\r\n  if (ConfigPack.USE_DEV_SERVER_PROXY) {\r\n    Object.assign(config.devServer, {\r\n      proxy: ConfigPack.DEV_SERVER_PROXY\r\n    });\r\n  }\r\n\r\n  config.node = {\r\n    global: true,\r\n    process: true,\r\n    Buffer: false,\r\n    crypto: true,\r\n    module: false,\r\n    clearImmediate: false,\r\n    setImmediate: false,\r\n    clearTimeout: true,\r\n    setTimeout: true\r\n  };\r\n\r\n  config.cache = true;\r\n\r\n  return config;\r\n} ();\r\n\r\nconst WEBPACKMERGE = webpackMerge({}, DEFAULTCONFIG, COMMONCONFIG, CLIENTCONFIG);\r\n\r\nmodule.exports = WEBPACKMERGE;\r\n \r\n```\r\n1. package.json (specifically the script you are using to start the dashboard)\r\n2. webpack.config.js\r\n3. index.js (Your express based dev server, if applicable)\r\n\r\n====================================================================\r\n\r\n###### More Details\r\n\r\n- What operating system are you on? OSX El Capitan 10.11.6\r\n- What terminal application are you using? iTerm\r\n- What version of webpack-dashboard are you using? \"webpack-dashboard\": \"^0.2.1\"\r\n- What is the output of running `echo $TERM`? xterm-256color\r\n"}}
{"actor":{"display_login":"kenwheeler"}}