You many need an appropriate loader to handle this file type

[withgallantry]

When starting the server I get the following error:

/react-styleguidist/src/index.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import React from 'react';
| import ReactDOM from 'react-dom';
| import { setComponentsNames, globalizeComponents } from './utils/utils';```

Wondering if babel isn't transpiling the import.

[sapegin]

Can you share your style guide config?

[withgallantry]

Currently it's

module.exports = {
  rootDir: './lib',
  components: './lib/components/**/*.js',
  styleguideDir: './docs-react'
};

[sapegin]

Strange, it should work. It would be nice to have some code to debug.

[mik01aj]

@withgallantry could you tell us your node version, npm version and your .babelrc?

[withgallantry]

Sure, Node version is 4.1.1 NPM is 3.3.4 .babelrc is as follows:

{
  "stage": 0,
  "optional": ["runtime"],
  "env": {
    "development": {
      "plugins": ["react-transform"],
      "extra": {
        "react-transform": {
          "transforms": [{
            "transform": "react-transform-hmr",
            "imports": ["react"],
            "locals": ["module"]
          }]
        }
      }
    }
  }
}

[mik01aj]

Looks like related to https://github.com/sapegin/react-styleguidist/issues/58 and https://github.com/sapegin/react-styleguidist/issues/65.

Does running the server as follows work for you? If yes, this would suggest some conflict in Babel config (or other local config files).

(cd node_modules; ./react-styleguidist/bin/styleguidist server --config ../styleguide.config.js)

[withgallantry]

thanks @mik01aj but I get the same issue, I also have to run it as

(cd node_modules; BABEL_ENV=styleguidist ./react-styleguidist/bin/styleguidist server --config ../styleguide.config.js)

to stop collisions with 'babel-plugin-react-transform'

[mik01aj]

@withgallantry if it's just babel-plugin-react-transform, I would close this issue in favour of https://github.com/sapegin/react-styleguidist/issues/58...

[withgallantry]

@mik01aj I still get

/react-styleguidist/src/index.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import React from 'react';
| import ReactDOM from 'react-dom';
| import { setComponentsNames, globalizeComponents } from './utils/utils';

when running

(cd node_modules; BABEL_ENV=styleguidist ./react-styleguidist/bin/styleguidist server --config ../styleguide.config.js)

so I don't think it's just babel-plugin-react-transform

[sapegin]

What version of Babel do you use?

[withgallantry]

5.8.29 - that's quite old. I'll try updating.

[sapegin]

Styleguidist still uses Babel 5, so it’s not a problem I think.

[withgallantry]

@mik01aj I'll test now

[mik01aj]

Hmm, I removed my previous comment (where I asked what happens when you remove .babelrc) because I now suspect it's some problem with Webpack config...

[withgallantry]

Here is my config if it helps.

var path = require ('path');
var webpack = require ('webpack');
var HtmlWebpackPlugin = require ('html-webpack-plugin');

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: [
    'webpack-hot-middleware/client',
    './lib/index',
    'react'
  ],
  output: {
    filename: 'app.js',
    path: path.join (__dirname, 'dist'),
    publicPath: '/assets/'
  },
  plugins: [
    new webpack.DefinePlugin ({ __CLIENT__: true, __SERVER__: false }),
    new webpack.HotModuleReplacementPlugin (),
    new webpack.NoErrorsPlugin (),
    new webpack.DefinePlugin ({
      'process.env': {
        'NODE_ENV': JSON.stringify ('development'),
      },
      '__DEVTOOLS__': process.env.DEVTOOLS === 'true' ? true : false
    }),
    new HtmlWebpackPlugin ({
      title: 'Redux React Router Async Example',
      filename: 'index.html',
      template: 'index.template.html',
      favicon: path.join (__dirname, 'assets', 'images', 'favicon.ico')
    })
  ],
  module: {
    loaders: [
      { test: /(\.eot|\.svg|\.ttf|\.woff|\.woff2)/, loader: 'file-loader?name=fonts/[name].[ext]' },
      { test: /\.pcss$/, loader: 'style-loader!css-loader!postcss-loader' },
      { test: /\.js$/, loader: 'babel', include: path.join (__dirname, 'lib') }
    ]
  },
  postcss: function (webp) {
    return [require ('postcss-import') ({ addDependencyTo: webp }), require ('postcss-custom-selectors'), require ('postcss-nested'), require ('postcss-custom-properties'), require ('postcss-simple-vars'), require ('postcss-custom-media'), require ('autoprefixer') ({ browsers: ['last 2 versions'] })];
  }
};

incase anything jumps out.

[sapegin]

I assume that this is a config of your project and you don’t use it for the style guide?

Could you also try to run Styleguidist in verbose mode:

node_modules/.bin/styleguidist server --verbose

and copy the output?

[withgallantry]

It is my config. I used a boilerplate and built on top of it. Here is verbose output:

Using config file: /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/styleguide.config.js
rootDir:                      /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/lib
components:                   ./lib/components/global/**/*.js
skipComponentsWithoutExample: false
title:                        Style guide
styleguideDir:                /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/styleguide
template:                     /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src/templates/index.html
serverHost:                   localhost
serverPort:                   3000
highlightTheme:               base16-light
verbose:                      true
getExampleFilename: 

getComponentPathLine: 

updateWebpackConfig:          null

Using Webpack config:
entry: 
  - webpack-hot-middleware/client
  - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src/index
debug:         true
cache:         true
devtool:       eval-source-map
stats: 
  colors:  true
  reasons: true
plugins: 
  - 

  - 

  - 
    options: 
      title:    Style guide
      template: /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src/templates/index.html
      inject:   true
  - 
    definitions: 
      process.env: 
        NODE_ENV: "development"
module: 
  loaders: 
    - 
      test: 
        source:     \.jsx?$
        global:     false
        ignoreCase: false
        multiline:  false
        lastIndex:  0
      include: 
        - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src
        - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/lib
      loader:  babel
      query: 
        stage:   0
        plugins: 
          - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/babel-plugin-react-transform
        extra: 
          react-transform: 
            transforms: 
              - 
                transform: react-transform-hmr
                imports: 
                  - react
                locals: 
                  - module
              - 
                transform: react-transform-catch-errors
                imports: 
                  - react
                  - redbox-react
    - 
      test: 
        source:     \.json$
        global:     false
        ignoreCase: false
        multiline:  false
        lastIndex:  0
      loader: json
    - 
      test: 
        source:     \.css$
        global:     false
        ignoreCase: false
        multiline:  false
        lastIndex:  0
      include: /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/codemirror
      loader:  style!css
    - 
      test: 
        source:     \.css$
        global:     false
        ignoreCase: false
        multiline:  false
        lastIndex:  0
      include: 
        - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src
        - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/lib
      loader:  style!css?modules&importLoaders=1&localIdentName=ReactStyleguidist-[name]__[local]!postcss
  noParse: 
    - 
      source:     babel-core\/browser.js
      global:     false
      ignoreCase: false
      multiline:  false
      lastIndex:  0
output: 
  path:     /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/styleguide
  filename: build/bundle.js
resolve: 
  root:               /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src
  extensions: 
    - 
    - .js
    - .jsx
  modulesDirectories: 
    - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/node_modules
    - node_modules
  alias: 
    codemirror: /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/codemirror
resolveLoader: 
  modulesDirectories: 
    - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/loaders
    - /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/node_modules
    - node_modules
postcss: 

Listening at http://localhost:3000

webpack built 799e90290843fb388479 in 531ms
Hash: 799e90290843fb388479
Version: webpack 1.12.9
Time: 531ms
          Asset     Size  Chunks       Chunk Names
build/bundle.js  45.3 kB       0       main
chunk    {0} build/bundle.js (main) 7.79 kB [rendered]
    [0] multi main 40 bytes {0} [built] [1 error]
    [1] (webpack)-hot-middleware/client.js 3.24 kB {0} [built]
    [2] (webpack)/buildin/module.js 251 bytes {0} [built]
    [3] (webpack)-hot-middleware/~/strip-ansi/index.js 161 bytes {0} [built]
    [4] (webpack)-hot-middleware/~/ansi-regex/index.js 145 bytes {0} [built]
    [5] (webpack)-hot-middleware/client-overlay.js 1.01 kB {0} [built]
    [6] (webpack)-hot-middleware/process-update.js 2.95 kB {0} [built]

ERROR in ./~/react-styleguidist/src/index.js
Module parse failed: /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/node_modules/babel-loader/index.js?{"stage":0,"plugins":["/Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/babel-plugin-react-transform"],"extra":{"react-transform":{"transforms":[{"transform":"react-transform-hmr","imports":["react"],"locals":["module"]},{"transform":"react-transform-catch-errors","imports":["react","redbox-react"]}]}}}!/Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguidist/src/index.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import React from 'react';
| import ReactDOM from 'react-dom';
| import { setComponentsNames, globalizeComponents } from './utils/utils';
 @ multi main

[sapegin]

Looks fine. My only guess is some missing npm packages.

Try to run npm ls (it should show if anything is missing), and then rm -rf node_modules; npm cache clean; npm install.

[withgallantry]

redux-react-router-async-example@0.0.1 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example
├─┬ autoprefixer@6.2.1
│ ├─┬ browserslist@1.0.1
│ │ └── caniuse-db@1.0.30000372
│ ├── caniuse-db@1.0.30000382
│ ├── normalize-range@0.1.2
│ ├── num2fraction@1.2.2
│ └── postcss-value-parser@3.2.3
├─┬ babel@5.8.34
│ ├─┬ chokidar@1.3.0
│ │ ├─┬ anymatch@1.3.0
│ │ │ ├── arrify@1.0.0
│ │ │ └─┬ micromatch@2.3.3
│ │ │   ├─┬ arr-diff@1.1.0
│ │ │   │ ├── arr-flatten@1.0.1
│ │ │   │ └── array-slice@0.2.3
│ │ │   ├── array-unique@0.2.1
│ │ │   ├─┬ braces@1.8.2
│ │ │   │ ├─┬ expand-range@1.8.1
│ │ │   │ │ └─┬ fill-range@2.2.2
│ │ │   │ │   ├── is-number@1.1.2
│ │ │   │ │   ├── isobject@1.0.2
│ │ │   │ │   └─┬ randomatic@1.1.3
│ │ │   │ │     └─┬ is-number@2.1.0
│ │ │   │ │       └── kind-of@3.0.2
│ │ │   │ ├── preserve@0.2.0
│ │ │   │ └── repeat-element@1.1.2
│ │ │   ├── expand-brackets@0.1.4
│ │ │   ├─┬ extglob@0.3.1
│ │ │   │ ├─┬ ansi-green@0.1.1
│ │ │   │ │ └── ansi-wrap@0.1.0
│ │ │   │ └── success-symbol@0.1.0
│ │ │   ├── filename-regex@2.0.0
│ │ │   ├─┬ kind-of@2.0.1
│ │ │   │ └── is-buffer@1.1.0
│ │ │   ├── lazy-cache@0.2.4
│ │ │   ├── normalize-path@2.0.1
│ │ │   ├─┬ object.omit@2.0.0
│ │ │   │ ├─┬ for-own@0.1.3
│ │ │   │ │ └── for-in@0.1.4
│ │ │   │ └── is-extendable@0.1.1
│ │ │   ├─┬ parse-glob@3.0.4
│ │ │   │ ├── glob-base@0.3.0
│ │ │   │ └── is-dotfile@1.0.2
│ │ │   └─┬ regex-cache@0.4.2
│ │ │     ├── is-equal-shallow@0.1.3
│ │ │     └── is-primitive@2.0.0
│ │ ├── async-each@0.1.6
│ │ ├─┬ fsevents@1.0.5
│ │ │ ├── nan@2.1.0
│ │ │ └─┬ node-pre-gyp@0.6.15
│ │ │   ├─┬ mkdirp@0.5.1
│ │ │   │ └── minimist@0.0.8
│ │ │   ├─┬ nopt@3.0.4
│ │ │   │ └── abbrev@1.0.7
│ │ │   ├─┬ npmlog@1.2.1
│ │ │   │ ├── ansi@0.3.0
│ │ │   │ ├─┬ are-we-there-yet@1.0.4
│ │ │   │ │ ├── delegates@0.1.0
│ │ │   │ │ └─┬ readable-stream@1.1.13
│ │ │   │ │   ├── core-util-is@1.0.1
│ │ │   │ │   ├── isarray@0.0.1
│ │ │   │ │   └── string_decoder@0.10.31
│ │ │   │ └─┬ gauge@1.2.2
│ │ │   │   ├── has-unicode@1.0.1
│ │ │   │   ├─┬ lodash.pad@3.1.1
│ │ │   │   │ ├── lodash._basetostring@3.0.1
│ │ │   │   │ └─┬ lodash._createpadding@3.6.1
│ │ │   │   │   └── lodash.repeat@3.0.1
│ │ │   │   ├── lodash.padleft@3.1.1
│ │ │   │   └── lodash.padright@3.1.1
│ │ │   ├─┬ rc@1.1.2
│ │ │   │ ├── deep-extend@0.2.11
│ │ │   │ ├── ini@1.3.4
│ │ │   │ ├── minimist@1.2.0
│ │ │   │ └── strip-json-comments@0.1.3
│ │ │   ├─┬ request@2.65.0
│ │ │   │ ├── aws-sign2@0.6.0
│ │ │   │ ├─┬ bl@1.0.0
│ │ │   │ │ └─┬ readable-stream@2.0.4
│ │ │   │ │   ├── core-util-is@1.0.1
│ │ │   │ │   ├── inherits@2.0.1
│ │ │   │ │   ├── isarray@0.0.1
│ │ │   │ │   ├── process-nextick-args@1.0.3
│ │ │   │ │   ├── string_decoder@0.10.31
│ │ │   │ │   └── util-deprecate@1.0.2
│ │ │   │ ├── caseless@0.11.0
│ │ │   │ ├─┬ combined-stream@1.0.5
│ │ │   │ │ └── delayed-stream@1.0.0
│ │ │   │ ├── extend@3.0.0
│ │ │   │ ├── forever-agent@0.6.1
│ │ │   │ ├─┬ form-data@1.0.0-rc3
│ │ │   │ │ └── async@1.5.0
│ │ │   │ ├─┬ har-validator@2.0.2
│ │ │   │ │ ├─┬ chalk@1.1.1
│ │ │   │ │ │ ├── ansi-styles@2.1.0
│ │ │   │ │ │ ├── escape-string-regexp@1.0.3
│ │ │   │ │ │ ├─┬ has-ansi@2.0.0
│ │ │   │ │ │ │ └── ansi-regex@2.0.0
│ │ │   │ │ │ ├── strip-ansi@3.0.0
│ │ │   │ │ │ └── supports-color@2.0.0
│ │ │   │ │ ├─┬ commander@2.9.0
│ │ │   │ │ │ └── graceful-readlink@1.0.1
│ │ │   │ │ ├─┬ is-my-json-valid@2.12.2
│ │ │   │ │ │ ├── generate-function@2.0.0
│ │ │   │ │ │ ├─┬ generate-object-property@1.2.0
│ │ │   │ │ │ │ └── is-property@1.0.2
│ │ │   │ │ │ ├── jsonpointer@2.0.0
│ │ │   │ │ │ └── xtend@4.0.1
│ │ │   │ │ └─┬ pinkie-promise@1.0.0
│ │ │   │ │   └── pinkie@1.0.0
│ │ │   │ ├─┬ hawk@3.1.0
│ │ │   │ │ ├── boom@2.10.1
│ │ │   │ │ ├── cryptiles@2.0.5
│ │ │   │ │ ├── hoek@2.16.3
│ │ │   │ │ └── sntp@1.0.9
│ │ │   │ ├─┬ http-signature@0.11.0
│ │ │   │ │ ├── asn1@0.1.11
│ │ │   │ │ ├── assert-plus@0.1.5
│ │ │   │ │ └── ctype@0.5.3
│ │ │   │ ├── isstream@0.1.2
│ │ │   │ ├── json-stringify-safe@5.0.1
│ │ │   │ ├─┬ mime-types@2.1.7
│ │ │   │ │ └── mime-db@1.19.0
│ │ │   │ ├── node-uuid@1.4.3
│ │ │   │ ├── oauth-sign@0.8.0
│ │ │   │ ├── qs@5.2.0
│ │ │   │ ├── stringstream@0.0.5
│ │ │   │ ├── tough-cookie@2.2.0
│ │ │   │ └── tunnel-agent@0.4.1
│ │ │   ├─┬ rimraf@2.4.3
│ │ │   │ └─┬ glob@5.0.15
│ │ │   │   ├─┬ inflight@1.0.4
│ │ │   │   │ ├── once@1.3.2
│ │ │   │   │ └── wrappy@1.0.1
│ │ │   │   ├─┬ minimatch@3.0.0
│ │ │   │   │ └─┬ brace-expansion@1.1.1
│ │ │   │   │   ├── balanced-match@0.2.1
│ │ │   │   │   └── concat-map@0.0.1
│ │ │   │   ├── once@1.3.2
│ │ │   │   └── path-is-absolute@1.0.0
│ │ │   ├── semver@5.0.3
│ │ │   ├─┬ tar@2.2.1
│ │ │   │ ├── block-stream@0.0.8
│ │ │   │ ├── fstream@1.0.8
│ │ │   │ └── inherits@2.0.1
│ │ │   └─┬ tar-pack@3.1.0
│ │ │     ├── debug@0.7.4
│ │ │     ├─┬ fstream-ignore@1.0.3
│ │ │     │ └── minimatch@3.0.0
│ │ │     ├── graceful-fs@4.1.2
│ │ │     ├── once@1.1.1
│ │ │     ├─┬ readable-stream@1.0.33
│ │ │     │ ├── core-util-is@1.0.1
│ │ │     │ ├── inherits@2.0.1
│ │ │     │ ├── isarray@0.0.1
│ │ │     │ └── string_decoder@0.10.31
│ │ │     ├── rimraf@2.2.8
│ │ │     └── uid-number@0.0.3
│ │ ├── glob-parent@2.0.0
│ │ ├─┬ is-binary-path@1.0.1
│ │ │ └── binary-extensions@1.4.0
│ │ ├─┬ is-glob@2.0.1
│ │ │ └── is-extglob@1.0.0
│ │ └── readdirp@2.0.0
│ ├─┬ commander@2.9.0
│ │ └── graceful-readlink@1.0.1
│ ├── convert-source-map@1.1.2
│ ├── fs-readdir-recursive@0.1.2
│ ├── lodash@3.10.1
│ ├── output-file-sync@1.1.1
│ ├── path-exists@1.0.0
│ ├── path-is-absolute@1.0.0
│ ├── slash@1.0.0
│ └── source-map@0.5.3
├─┬ babel-core@5.8.34
│ ├── babel-plugin-constant-folding@1.0.1
│ ├── babel-plugin-dead-code-elimination@1.0.2
│ ├── babel-plugin-eval@1.0.1
│ ├── babel-plugin-inline-environment-variables@1.0.1
│ ├── babel-plugin-jscript@1.0.4
│ ├── babel-plugin-member-expression-literals@1.0.1
│ ├── babel-plugin-property-literals@1.0.1
│ ├── babel-plugin-proto-to-assign@1.0.4
│ ├── babel-plugin-react-constant-elements@1.0.3
│ ├── babel-plugin-react-display-name@1.0.3
│ ├── babel-plugin-remove-console@1.0.1
│ ├── babel-plugin-remove-debugger@1.0.1
│ ├── babel-plugin-runtime@1.0.7
│ ├─┬ babel-plugin-undeclared-variables-check@1.0.2
│ │ └── leven@1.0.2
│ ├── babel-plugin-undefined-to-void@1.1.6
│ ├── babylon@5.8.34
│ ├── bluebird@2.10.2
│ ├─┬ chalk@1.1.1
│ │ ├── ansi-styles@2.1.0
│ │ ├── has-ansi@2.0.0
│ │ ├── strip-ansi@3.0.0
│ │ └── supports-color@2.0.0
│ ├── core-js@1.2.6
│ ├─┬ debug@2.2.0
│ │ └── ms@0.7.1
│ ├─┬ detect-indent@3.0.1
│ │ └── get-stdin@4.0.1
│ ├── esutils@2.0.2
│ ├── globals@6.4.1
│ ├─┬ home-or-tmp@1.0.0
│ │ ├── os-tmpdir@1.0.1
│ │ └── user-home@1.1.1
│ ├─┬ is-integer@1.0.6
│ │ └─┬ is-finite@1.0.1
│ │   └── number-is-nan@1.0.0
│ ├── js-tokens@1.0.1
│ ├── json5@0.4.0
│ ├─┬ line-numbers@0.2.0
│ │ └── left-pad@0.0.3
│ ├─┬ minimatch@2.0.10
│ │ └─┬ brace-expansion@1.1.2
│ │   ├── balanced-match@0.3.0
│ │   └── concat-map@0.0.1
│ ├── private@0.1.6
│ ├─┬ regenerator@0.8.40
│ │ ├─┬ commoner@0.10.4
│ │ │ ├─┬ detective@4.3.1
│ │ │ │ └── acorn@1.2.2
│ │ │ └── iconv-lite@0.4.13
│ │ ├─┬ defs@1.1.1
│ │ │ ├─┬ alter@0.2.0
│ │ │ │ └── stable@0.1.5
│ │ │ ├── ast-traverse@0.1.1
│ │ │ ├── breakable@1.0.0
│ │ │ ├── esprima-fb@15001.1001.0-dev-harmony-fb
│ │ │ ├── simple-fmt@0.1.0
│ │ │ ├── simple-is@0.2.0
│ │ │ ├── stringmap@0.2.2
│ │ │ ├── stringset@0.2.1
│ │ │ ├── tryor@0.1.2
│ │ │ └─┬ yargs@3.27.0
│ │ │   ├─┬ os-locale@1.4.0
│ │ │   │ └─┬ lcid@1.0.0
│ │ │   │   └── invert-kv@1.0.0
│ │ │   ├── window-size@0.1.4
│ │ │   └── y18n@3.2.0
│ │ ├── esprima-fb@15001.1001.0-dev-harmony-fb
│ │ ├─┬ recast@0.10.33
│ │ │ ├── ast-types@0.8.12
│ │ │ ├── esprima-fb@15001.1001.0-dev-harmony-fb
│ │ │ └── source-map@0.5.3
│ │ └── through@2.3.8
│ ├─┬ regexpu@1.3.0
│ │ ├── esprima@2.7.0
│ │ ├── regenerate@1.2.1
│ │ ├── regjsgen@0.2.0
│ │ └─┬ regjsparser@0.1.5
│ │   └── jsesc@0.5.0
│ ├── repeating@1.1.3
│ ├── resolve@1.1.6
│ ├── shebang-regex@1.0.0
│ ├── source-map@0.5.3
│ ├─┬ source-map-support@0.2.10
│ │ └─┬ source-map@0.1.32
│ │   └── amdefine@1.0.0
│ ├── to-fast-properties@1.0.1
│ ├── trim-right@1.0.1
│ └── try-resolve@1.0.1
├─┬ babel-eslint@4.1.6
│ ├── acorn-to-esprima@1.0.7
│ ├─┬ lodash.assign@3.2.0
│ │ ├─┬ lodash._baseassign@3.2.0
│ │ │ └── lodash._basecopy@3.0.1
│ │ ├─┬ lodash._createassigner@3.1.1
│ │ │ └── lodash._isiterateecall@3.0.9
│ │ └── lodash.keys@3.1.2
│ └─┬ lodash.pick@3.1.0
│   ├── lodash._baseflatten@3.1.4
│   ├── lodash._bindcallback@3.0.1
│   ├── lodash._pickbyarray@3.0.2
│   ├─┬ lodash._pickbycallback@3.0.0
│   │ └── lodash._basefor@3.0.2
│   └── lodash.restparam@3.6.1
├─┬ babel-jest@6.0.1
│ └─┬ babel-core@6.3.26
│   ├─┬ babel-code-frame@6.3.13
│   │ └── js-tokens@1.0.2
│   ├─┬ babel-generator@6.3.26
│   │ ├── babel-messages@6.3.18
│   │ ├─┬ babel-types@6.3.24
│   │ │ └─┬ babel-traverse@6.3.26
│   │ │   ├── babylon@6.3.26
│   │ │   └── globals@8.17.0
│   │ └── source-map@0.5.3
│   ├── babel-helpers@6.3.13
│   ├── babel-messages@6.3.13
│   ├─┬ babel-register@6.3.13
│   │ └─┬ babel-core@6.3.26
│   │   ├─┬ babel-traverse@6.3.26
│   │   │ └── globals@8.17.0
│   │   ├── babel-types@6.3.24
│   │   ├── babylon@6.3.26
│   │   └── source-map@0.5.3
│   ├─┬ babel-template@6.3.13
│   │ ├─┬ babel-traverse@6.3.16
│   │ │ ├── babylon@6.3.15
│   │ │ └── globals@8.14.0
│   │ ├── babel-types@6.3.14
│   │ └── babylon@6.3.26
│   ├─┬ babel-traverse@6.3.26
│   │ └── globals@8.17.0
│   ├── babel-types@6.3.24
│   ├── babylon@6.3.26
│   └── source-map@0.5.3
├─┬ babel-loader@5.4.0
│ ├─┬ loader-utils@0.2.12
│ │ └── big.js@3.1.3
│ └── object-assign@3.0.0
├─┬ babel-plugin-react-intl@1.0.0
│ └── intl-messageformat-parser@1.2.0
├─┬ babel-plugin-react-transform@1.1.1
│ └── path-parse@1.0.5
├── babel-runtime@5.8.34
├── classlist-polyfill@1.0.2
├── classnames@2.2.1
├─┬ copyfiles@0.2.1
│ ├─┬ glob@3.2.11
│ │ └─┬ minimatch@0.3.0
│ │   ├── lru-cache@2.7.3
│ │   └── sigmund@1.0.1
│ ├── ltcdr@2.2.1
│ ├── mkdirp@0.3.5
│ ├─┬ noms@0.0.0
│ │ └─┬ readable-stream@1.0.33
│ │   └── core-util-is@1.0.2
│ └─┬ through2@0.4.2
│   ├── readable-stream@1.0.33
│   └─┬ xtend@2.1.2
│     └── object-keys@0.4.0
├─┬ css-loader@0.21.0
│ ├─┬ css-selector-tokenizer@0.5.4
│ │ ├── cssesc@0.1.0
│ │ └── fastparse@1.1.1
│ ├─┬ cssnano@3.3.2
│ │ ├── decamelize@1.1.1
│ │ ├── defined@1.0.0
│ │ ├── indexes-of@1.0.1
│ │ ├─┬ postcss-colormin@2.1.7
│ │ │ ├── colr-convert@1.0.5
│ │ │ └── css-color-names@0.0.2
│ │ ├── postcss-convert-values@2.3.4
│ │ ├── postcss-discard-comments@2.0.2
│ │ ├── postcss-discard-duplicates@2.0.0
│ │ ├── postcss-discard-empty@2.0.0
│ │ ├─┬ postcss-discard-unused@2.1.0
│ │ │ ├── flatten@0.0.1
│ │ │ └── uniqs@2.0.0
│ │ ├─┬ postcss-filter-plugins@2.0.0
│ │ │ └── uniqid@1.0.0
│ │ ├─┬ postcss-merge-idents@2.1.3
│ │ │ └── has-own@1.0.0
│ │ ├── postcss-merge-longhand@2.0.1
│ │ ├── postcss-merge-rules@2.0.2
│ │ ├── postcss-minify-font-values@1.0.2
│ │ ├─┬ postcss-minify-params@1.0.4
│ │ │ └── alphanum-sort@1.0.2
│ │ ├── postcss-minify-selectors@2.0.1
│ │ ├── postcss-normalize-charset@1.1.0
│ │ ├─┬ postcss-normalize-url@3.0.4
│ │ │ ├── is-absolute-url@2.0.0
│ │ │ └─┬ normalize-url@1.4.0
│ │ │   ├── prepend-http@1.0.3
│ │ │   ├─┬ query-string@3.0.0
│ │ │   │ └── strict-uri-encode@1.0.2
│ │ │   └─┬ sort-keys@1.1.1
│ │ │     └── is-plain-obj@1.1.0
│ │ ├── postcss-ordered-values@2.0.2
│ │ ├── postcss-reduce-idents@2.2.1
│ │ ├── postcss-reduce-transforms@1.0.3
│ │ ├─┬ postcss-svgo@2.1.0
│ │ │ ├── is-svg@1.1.1
│ │ │ └─┬ svgo@0.5.6
│ │ │   ├── coa@1.0.1
│ │ │   └── whet.extend@0.9.9
│ │ ├── postcss-unique-selectors@2.0.1
│ │ ├── postcss-value-parser@3.1.3
│ │ └── postcss-zindex@2.0.0
│ ├─┬ lodash.camelcase@3.0.1
│ │ └─┬ lodash._createcompounder@3.0.0
│ │   ├── lodash.deburr@3.0.2
│ │   └── lodash.words@3.0.2
│ ├── object-assign@4.0.1
│ ├── postcss-modules-extract-imports@1.0.0-beta2
│ ├── postcss-modules-local-by-default@1.0.0
│ ├── postcss-modules-scope@1.0.0-beta2
│ ├─┬ postcss-modules-values@1.1.1
│ │ └── icss-replace-symbols@1.0.2
│ └── source-list-map@0.1.5
├── es6-promise@3.0.2
├─┬ eslint@1.10.3
│ ├─┬ concat-stream@1.5.1
│ │ ├─┬ readable-stream@2.0.4
│ │ │ ├── process-nextick-args@1.0.5
│ │ │ └── util-deprecate@1.0.2
│ │ └── typedarray@0.0.6
│ ├─┬ doctrine@0.7.2
│ │ ├── esutils@1.1.6
│ │ └── isarray@0.0.1
│ ├── escape-string-regexp@1.0.3
│ ├─┬ escope@3.3.0
│ │ ├─┬ es6-map@0.1.3
│ │ │ ├── d@0.1.1
│ │ │ ├── es5-ext@0.10.9
│ │ │ ├── es6-iterator@2.0.0
│ │ │ ├── es6-set@0.1.3
│ │ │ ├── es6-symbol@3.0.1
│ │ │ └── event-emitter@0.3.4
│ │ ├── es6-weak-map@2.0.1
│ │ └─┬ esrecurse@3.1.1
│ │   └── estraverse@3.1.0
│ ├── espree@2.2.5
│ ├── estraverse@4.1.1
│ ├── estraverse-fb@1.3.1
│ ├─┬ file-entry-cache@1.2.4
│ │ └─┬ flat-cache@1.0.10
│ │   ├─┬ del@2.1.0
│ │   │ ├─┬ globby@3.0.1
│ │   │ │ ├─┬ array-union@1.0.1
│ │   │ │ │ └── array-uniq@1.0.2
│ │   │ │ └─┬ pinkie-promise@1.0.0
│ │   │ │   └── pinkie@1.0.0
│ │   │ ├── is-path-cwd@1.0.0
│ │   │ ├─┬ is-path-in-cwd@1.0.0
│ │   │ │ └── is-path-inside@1.0.0
│ │   │ ├── pify@2.3.0
│ │   │ └─┬ pinkie-promise@2.0.0
│ │   │   └── pinkie@2.0.1
│ │   ├─┬ read-json-sync@1.1.0
│ │   │ └── graceful-fs@3.0.8
│ │   └── write@0.2.1
│ ├── globals@8.13.0
│ ├─┬ handlebars@4.0.5
│ │ ├── async@1.5.0
│ │ ├─┬ optimist@0.6.1
│ │ │ └── minimist@0.0.10
│ │ ├── source-map@0.4.4
│ │ └─┬ uglify-js@2.6.1
│ │   ├── async@0.2.10
│ │   ├── source-map@0.5.3
│ │   └─┬ yargs@3.10.0
│ │     └── window-size@0.1.0
│ ├─┬ inquirer@0.11.0
│ │ ├── ansi-escapes@1.1.0
│ │ ├── ansi-regex@2.0.0
│ │ ├─┬ cli-cursor@1.0.2
│ │ │ └─┬ restore-cursor@1.0.1
│ │ │   ├── exit-hook@1.1.1
│ │ │   └── onetime@1.0.0
│ │ ├── cli-width@1.1.0
│ │ ├── figures@1.4.0
│ │ ├─┬ readline2@1.0.1
│ │ │ ├── code-point-at@1.0.0
│ │ │ ├── is-fullwidth-code-point@1.0.0
│ │ │ └── mute-stream@0.0.5
│ │ ├── run-async@0.1.0
│ │ └── rx-lite@3.1.2
│ ├─┬ is-my-json-valid@2.12.3
│ │ ├── generate-function@2.0.0
│ │ ├─┬ generate-object-property@1.2.0
│ │ │ └── is-property@1.0.2
│ │ └── jsonpointer@2.0.0
│ ├─┬ is-resolvable@1.0.0
│ │ └── tryit@1.0.2
│ ├─┬ js-yaml@3.4.5
│ │ ├─┬ argparse@1.0.3
│ │ │ └── sprintf-js@1.0.3
│ │ └── esprima@2.7.0
│ ├─┬ json-stable-stringify@1.0.0
│ │ └── jsonify@0.0.0
│ ├─┬ lodash.clonedeep@3.0.2
│ │ └── lodash._baseclone@3.3.0
│ ├─┬ lodash.merge@3.3.2
│ │ ├── lodash._arraycopy@3.0.0
│ │ ├── lodash._arrayeach@3.0.0
│ │ ├── lodash._getnative@3.9.1
│ │ ├── lodash.isarguments@3.0.4
│ │ ├── lodash.isarray@3.0.4
│ │ ├── lodash.isplainobject@3.2.0
│ │ ├── lodash.istypedarray@3.0.2
│ │ ├── lodash.keysin@3.0.8
│ │ └── lodash.toplainobject@3.0.0
│ ├─┬ lodash.omit@3.1.0
│ │ ├── lodash._arraymap@3.0.0
│ │ └─┬ lodash._basedifference@3.0.3
│ │   ├── lodash._baseindexof@3.1.0
│ │   ├── lodash._cacheindexof@3.0.2
│ │   └── lodash._createcache@3.1.2
│ ├── minimatch@3.0.0
│ ├─┬ optionator@0.6.0
│ │ ├── deep-is@0.1.3
│ │ ├── fast-levenshtein@1.0.7
│ │ ├── levn@0.2.5
│ │ ├── prelude-ls@1.1.2
│ │ ├── type-check@0.3.1
│ │ └── wordwrap@0.0.2
│ ├── path-is-inside@1.0.1
│ ├── shelljs@0.5.3
│ ├── strip-json-comments@1.0.4
│ ├── text-table@0.2.0
│ ├─┬ user-home@2.0.0
│ │ └── os-homedir@1.0.1
│ └── xml-escape@1.0.0
├── eslint-plugin-react@3.11.2
├─┬ express@4.13.3
│ ├─┬ accepts@1.2.13
│ │ ├─┬ mime-types@2.1.8
│ │ │ └── mime-db@1.20.0
│ │ └── negotiator@0.5.3
│ ├── array-flatten@1.1.1
│ ├── content-disposition@0.5.0
│ ├── content-type@1.0.1
│ ├── cookie@0.1.3
│ ├── cookie-signature@1.0.6
│ ├── depd@1.0.1
│ ├── escape-html@1.0.2
│ ├── etag@1.7.0
│ ├─┬ finalhandler@0.4.0
│ │ └── unpipe@1.0.0
│ ├── fresh@0.3.0
│ ├── merge-descriptors@1.0.0
│ ├── methods@1.1.1
│ ├─┬ on-finished@2.3.0
│ │ └── ee-first@1.1.1
│ ├── parseurl@1.3.0
│ ├── path-to-regexp@0.1.7
│ ├─┬ proxy-addr@1.0.9
│ │ ├── forwarded@0.1.0
│ │ └── ipaddr.js@1.0.4
│ ├── qs@4.0.0
│ ├── range-parser@1.0.3
│ ├─┬ send@0.13.0
│ │ ├── destroy@1.0.3
│ │ ├── http-errors@1.3.1
│ │ └── statuses@1.2.1
│ ├── serve-static@1.10.0
│ ├─┬ type-is@1.6.10
│ │ └── media-typer@0.3.0
│ ├── utils-merge@1.0.0
│ └── vary@1.0.1
├─┬ extract-text-webpack-plugin@0.8.2
│ └── async@1.5.0
├── file-loader@0.8.5
├─┬ gh-pages@0.4.0
│ ├── async@0.2.9
│ ├── commander@2.8.1
│ ├─┬ glob@4.0.6
│ │ ├── graceful-fs@3.0.8
│ │ └── minimatch@1.0.0
│ ├── graceful-fs@2.0.1
│ ├── lodash@2.4.2
│ ├── q@1.0.1
│ ├─┬ q-io@1.11.6
│ │ ├─┬ collections@0.2.2
│ │ │ └── weak-map@1.0.0
│ │ ├── mimeparse@0.1.4
│ │ ├── q@1.4.1
│ │ ├── qs@1.2.2
│ │ └── url2@0.0.0
│ └── wrench@1.5.1
├─┬ glob@5.0.15
│ ├─┬ inflight@1.0.4
│ │ └── wrappy@1.0.1
│ ├── inherits@2.0.1
│ └── once@1.3.3
├─┬ history@1.13.1
│ ├── deep-equal@1.0.1
│ ├─┬ invariant@2.2.0
│ │ └── loose-envify@1.1.0
│ └── warning@2.1.0
├─┬ html-webpack-plugin@1.7.0
│ ├── bluebird@3.0.6
│ ├── blueimp-tmpl@2.5.6
│ └─┬ html-minifier@1.0.0
│   ├─┬ change-case@2.3.0
│   │ ├── camel-case@1.2.0
│   │ ├── constant-case@1.1.1
│   │ ├── dot-case@1.1.1
│   │ ├── is-lower-case@1.1.1
│   │ ├── is-upper-case@1.1.1
│   │ ├── lower-case@1.1.2
│   │ ├── lower-case-first@1.0.0
│   │ ├── param-case@1.1.1
│   │ ├── pascal-case@1.1.1
│   │ ├── path-case@1.1.1
│   │ ├── sentence-case@1.1.2
│   │ ├── snake-case@1.1.1
│   │ ├── swap-case@1.1.1
│   │ ├── title-case@1.1.1
│   │ ├── upper-case@1.1.2
│   │ └── upper-case-first@1.1.1
│   ├─┬ clean-css@3.4.8
│   │ ├── commander@2.8.1
│   │ └── source-map@0.4.4
│   ├─┬ cli@0.11.1
│   │ └── exit@0.1.2
│   ├── relateurl@0.2.6
│   └─┬ uglify-js@2.5.0
│     ├── async@0.2.10
│     ├── source-map@0.5.3
│     └─┬ yargs@3.5.4
│       └── window-size@0.1.0
├─┬ http-proxy@1.12.0
│ ├── eventemitter3@1.1.1
│ └── requires-port@0.0.1
├── intl@1.0.1
├─┬ isomorphic-fetch@2.2.0
│ └─┬ node-fetch@1.3.3
│   └── encoding@0.1.12
├── jest@0.1.40
├── jest-babel-preprocessor@0.3.0 extraneous
├─┬ jest-cli@0.8.2
│ ├─┬ cover@0.2.9
│ │ ├─┬ cli-table@0.0.2
│ │ │ └── colors@0.3.0
│ │ ├── underscore@1.2.4
│ │ ├── underscore.string@2.0.0
│ │ └── which@1.0.9
│ ├── diff@2.2.1
│ ├── graceful-fs@4.1.2
│ ├─┬ istanbul@0.3.22
│ │ ├── abbrev@1.0.7
│ │ ├── async@1.5.1
│ │ ├─┬ escodegen@1.7.1
│ │ │ ├── esprima@1.2.5
│ │ │ ├── estraverse@1.9.3
│ │ │ ├── optionator@0.5.0
│ │ │ └── source-map@0.2.0
│ │ ├── esprima@2.5.0
│ │ ├── fileset@0.2.1
│ │ ├─┬ handlebars@4.0.5
│ │ │ ├── async@1.5.1
│ │ │ ├── source-map@0.4.4
│ │ │ └─┬ uglify-js@2.6.1
│ │ │   ├── source-map@0.5.3
│ │ │   └─┬ yargs@3.10.0
│ │ │     └── window-size@0.1.0
│ │ ├─┬ js-yaml@3.3.1
│ │ │ └── esprima@2.2.0
│ │ ├── nopt@3.0.6
│ │ ├── supports-color@3.1.2
│ │ └── wordwrap@1.0.0
│ ├─┬ jsdom@7.2.2
│ │ ├── abab@1.0.2
│ │ ├── acorn@2.7.0
│ │ ├─┬ acorn-globals@1.0.9
│ │ │ └── acorn@2.7.0
│ │ ├── cssom@0.3.0
│ │ ├── cssstyle@0.2.30
│ │ ├── nwmatcher@1.3.7
│ │ ├── parse5@1.5.1
│ │ ├─┬ request@2.67.0
│ │ │ ├── aws-sign2@0.6.0
│ │ │ ├── bl@1.0.0
│ │ │ ├── caseless@0.11.0
│ │ │ ├─┬ combined-stream@1.0.5
│ │ │ │ └── delayed-stream@1.0.0
│ │ │ ├── extend@3.0.0
│ │ │ ├── forever-agent@0.6.1
│ │ │ ├─┬ form-data@1.0.0-rc3
│ │ │ │ └── async@1.5.1
│ │ │ ├── har-validator@2.0.3
│ │ │ ├─┬ hawk@3.1.2
│ │ │ │ ├── boom@2.10.1
│ │ │ │ ├── cryptiles@2.0.5
│ │ │ │ ├── hoek@2.16.3
│ │ │ │ └── sntp@1.0.9
│ │ │ ├─┬ http-signature@1.1.0
│ │ │ │ ├── assert-plus@0.1.5
│ │ │ │ ├─┬ jsprim@1.2.2
│ │ │ │ │ ├── extsprintf@1.0.2
│ │ │ │ │ ├── json-schema@0.2.2
│ │ │ │ │ └── verror@1.3.6
│ │ │ │ └─┬ sshpk@1.7.1
│ │ │ │   ├── asn1@0.2.3
│ │ │ │   ├── assert-plus@0.2.0
│ │ │ │   ├── dashdash@1.11.0
│ │ │ │   ├── ecc-jsbn@0.1.1
│ │ │ │   ├── jodid25519@1.0.2
│ │ │ │   ├── jsbn@0.1.0
│ │ │ │   └── tweetnacl@0.13.2
│ │ │ ├── is-typedarray@1.0.0
│ │ │ ├── isstream@0.1.2
│ │ │ ├── json-stringify-safe@5.0.1
│ │ │ ├── node-uuid@1.4.7
│ │ │ ├── oauth-sign@0.8.0
│ │ │ ├── qs@5.2.0
│ │ │ ├── stringstream@0.0.5
│ │ │ └── tunnel-agent@0.4.2
│ │ ├── sax@1.1.4
│ │ ├── symbol-tree@3.1.4
│ │ ├── tough-cookie@2.2.1
│ │ ├── webidl-conversions@2.0.1
│ │ ├─┬ whatwg-url-compat@0.6.5
│ │ │ └── tr46@0.0.2
│ │ └── xml-name-validator@2.0.1
│ ├─┬ node-haste@1.2.8
│ │ └── esprima-fb@4001.1001.0-dev-harmony-fb
│ ├─┬ optimist@0.6.1
│ │ └── minimist@0.0.10
│ ├─┬ sane@1.3.0
│ │ ├─┬ exec-sh@0.2.0
│ │ │ └── merge@1.2.0
│ │ ├─┬ fb-watchman@1.6.0
│ │ │ └─┬ bser@1.0.2
│ │ │   └── node-int64@0.4.0
│ │ ├── minimatch@0.2.14
│ │ ├─┬ walker@1.0.7
│ │ │ └─┬ makeerror@1.0.11
│ │ │   └── tmpl@1.0.4
│ │ └── watch@0.10.0
│ ├─┬ which@1.2.1
│ │ └─┬ is-absolute@0.1.7
│ │   └── is-relative@0.1.3
│ └─┬ worker-farm@1.3.1
│   └─┬ errno@0.1.4
│     └── prr@0.0.0
├── js-base64@2.1.9
├── js-throttle-debounce@0.1.1 extraneous
├── json-loader@0.5.4
├─┬ mkdirp@0.5.1
│ └── minimist@0.0.8
├─┬ parse-link-header@0.4.1
│ └── xtend@4.0.1
├── piping@0.3.0 extraneous
├─┬ postcss@5.0.13
│ ├── source-map@0.5.3
│ └─┬ supports-color@3.1.2
│   └── has-flag@1.0.0
├── postcss-color-function@2.0.0 extraneous
├─┬ postcss-cssnext@2.3.0
│ ├─┬ caniuse-api@1.4.1
│ │ ├─┬ lodash.memoize@2.4.1
│ │ │ ├── lodash._keyprefix@2.4.2
│ │ │ └── lodash.isfunction@2.4.1
│ │ └─┬ lodash.uniq@3.2.2
│ │   ├─┬ lodash._basecallback@3.3.1
│ │   │ ├── lodash._baseisequal@3.0.7
│ │   │ └── lodash.pairs@3.0.1
│ │   └── lodash._baseuniq@3.0.3
│ ├── pixrem@3.0.0
│ ├─┬ pleeease-filters@2.0.0
│ │ └── onecolor@2.4.2
│ ├─┬ postcss-calc@5.2.0
│ │ └─┬ reduce-css-calc@1.2.0
│ │   └── balanced-match@0.1.0
│ ├─┬ postcss-color-function@2.0.0
│ │ ├── balanced-match@0.1.0
│ │ └─┬ css-color-function@1.2.1
│ │   ├── balanced-match@0.1.0
│ │   ├─┬ color@0.7.3
│ │   │ └── color-string@0.2.4
│ │   ├── debug@0.7.4
│ │   └── rgb@0.1.0
│ ├─┬ postcss-color-gray@3.0.0
│ │ ├─┬ color@0.7.3
│ │ │ ├── color-convert@0.5.3
│ │ │ └── color-string@0.2.4
│ │ └─┬ reduce-function-call@1.0.1
│ │   └── balanced-match@0.1.0
│ ├─┬ postcss-color-hex-alpha@2.0.0
│ │ └─┬ color@0.10.1
│ │   └── color-string@0.3.0
│ ├─┬ postcss-color-hwb@2.0.0
│ │ └─┬ color@0.10.1
│ │   └── color-string@0.3.0
│ ├─┬ postcss-color-rebeccapurple@2.0.0
│ │ └─┬ color@0.9.0
│ │   └── color-string@0.3.0
│ ├─┬ postcss-color-rgba-fallback@2.0.0
│ │ └─┬ color-string@0.3.0
│ │   └── color-name@1.0.1
│ ├── postcss-custom-media@5.0.0
│ ├── postcss-custom-properties@5.0.0
│ ├─┬ postcss-custom-selectors@3.0.0
│ │ └── balanced-match@0.2.1
│ ├── postcss-font-variant@2.0.0
│ ├─┬ postcss-initial@1.4.0
│ │ └─┬ lodash.template@3.6.2
│ │   ├── lodash._basetostring@3.0.1
│ │   ├── lodash._basevalues@3.0.0
│ │   ├── lodash._reinterpolate@3.0.0
│ │   ├── lodash.escape@3.0.0
│ │   └── lodash.templatesettings@3.1.0
│ ├── postcss-media-minmax@2.1.1
│ ├── postcss-nesting@2.0.6
│ ├─┬ postcss-pseudo-class-any-link@1.0.0
│ │ └─┬ postcss-selector-parser@1.3.0
│ │   └── uniq@1.0.1
│ ├── postcss-pseudoelements@3.0.0
│ ├─┬ postcss-selector-matches@2.0.1
│ │ └── balanced-match@0.2.1
│ └─┬ postcss-selector-not@2.0.0
│   └── balanced-match@0.2.1
├── postcss-custom-media@5.0.0
├─┬ postcss-custom-properties@5.0.0
│ └── balanced-match@0.1.0
├─┬ postcss-custom-selectors@3.0.0
│ ├── balanced-match@0.2.1
│ └── postcss-selector-matches@2.0.1
├── postcss-for@2.0.1 extraneous
├── postcss-functions@2.0.0 extraneous
├─┬ postcss-import@7.1.3
│ └── postcss-message-helpers@2.0.0
├── postcss-loader@0.8.0
├── postcss-nested@1.0.0
├── postcss-simple-vars@1.2.0
├── promise-loader@1.0.0
├── purecss@0.6.0
├─┬ react@0.14.6
│ ├─┬ envify@3.4.0
│ │ └─┬ jstransform@10.1.0
│ │   ├── base62@0.1.1
│ │   ├── esprima-fb@13001.1001.0-dev-harmony-fb
│ │   └── source-map@0.1.31
│ └─┬ fbjs@0.6.1
│   ├─┬ promise@7.0.4
│   │ └── asap@2.0.3
│   ├── ua-parser-js@0.7.9
│   └── whatwg-fetch@0.9.0
├── react-addons-test-utils@0.14.5
├── react-dom@0.14.6
├── react-inline-css@2.0.1
├─┬ react-intl@2.0.0-beta-1
│ ├── intl-format-cache@2.0.4
│ ├── intl-messageformat@1.2.0
│ └── intl-relativeformat@1.2.0
├── react-onclickoutside@4.5.0
├── react-onclickoutside-decorator@0.1.1
├── react-pure-render@1.0.2
├─┬ react-redux@4.0.0
│ └── hoist-non-react-statics@1.0.3
├── react-router@1.0.0
├── react-router-proxy-loader@0.4.0
├── react-styleguide-generator@1.2.1 extraneous
├─┬ react-styleguidist@1.3.2
│ ├─┬ babel-core@5.8.30
│ │ ├── js-tokens@1.0.1
│ │ └── source-map@0.5.3
│ ├─┬ babel-loader@5.3.2
│ │ └── object-assign@3.0.0
│ ├── babel-runtime@5.8.25
│ ├── classnames@2.2.3
│ ├── codemirror@5.10.0
│ ├─┬ css-loader@0.23.1
│ │ ├── object-assign@4.0.1
│ │ ├── postcss-modules-extract-imports@1.0.0
│ │ ├── postcss-modules-local-by-default@1.0.1
│ │ └── postcss-modules-scope@1.0.0
│ ├─┬ findup@0.1.5
│ │ ├── colors@0.6.2
│ │ └── commander@2.1.0
│ ├── glob@6.0.3
│ ├─┬ markdown-it@5.0.3
│ │ ├── entities@1.1.1
│ │ ├── linkify-it@1.2.0
│ │ ├── mdurl@1.0.1
│ │ └── uc.micro@1.0.0
│ ├─┬ markdown-react-js@0.3.0
│ │ ├─┬ chai@2.3.0
│ │ │ ├── assertion-error@1.0.0
│ │ │ └─┬ deep-eql@0.1.3
│ │ │   └── type-detect@0.1.1
│ │ └── markdown-it@4.4.0
│ ├── minimist@1.2.0
│ ├─┬ prettyjson@1.1.3
│ │ └── colors@1.1.2
│ ├── react-codemirror@0.2.3
│ ├─┬ react-docgen@2.5.0
│ │ ├── async@1.5.2
│ │ ├── node-dir@0.1.11
│ │ └─┬ nomnom@1.8.1
│ │   ├─┬ chalk@0.4.0
│ │   │ ├── ansi-styles@1.0.0
│ │   │ └── strip-ansi@0.1.1
│ │   └── underscore@1.6.0
│ ├── react-sticky@3.0.0
│ ├── react-transform-catch-errors@1.0.1
│ └─┬ webpack-merge@0.7.1
│   ├─┬ changelog@1.0.7
│   │ ├── UNMET DEPENDENCY chalk@^0.5.1
│   │ ├── UNMET DEPENDENCY cli@^0.6.4
│   │ ├── has-color@0.1.7
│   │ ├── UNMET DEPENDENCY lodash@^2.4.1
│   │ ├── UNMET DEPENDENCY moment@^2.5.0
│   │ └── UNMET DEPENDENCY semver@^4.0.3
│   └─┬ lodash.find@3.2.1
│     ├── lodash._baseeach@3.0.4
│     ├── lodash._basefind@3.0.0
│     └── lodash._basefindindex@3.6.0
├── react-transform-catch-errors@1.0.0
├─┬ react-transform-hmr@1.0.1
│ ├─┬ global@4.3.0
│ │ ├─┬ min-document@2.17.0
│ │ │ └── dom-walk@0.1.1
│ │ └── process@0.5.2
│ └─┬ react-proxy@1.1.1
│   └── react-deep-force-update@1.0.0
├─┬ redbox-react@1.2.0
│ └─┬ error-stack-parser@1.3.1
│   └── stackframe@0.3.1
├── redux@3.0.4
├── redux-devtools@3.0.0-beta-3
├─┬ redux-devtools-dock-monitor@1.0.0-beta-3
│ └─┬ react-dock@0.2.3
│   └── lodash.debounce@3.1.1
├─┬ redux-devtools-log-monitor@1.0.0-beta-3
│ ├─┬ react-json-tree@0.2.0
│ │ └─┬ react-mixin@1.7.0
│ │   ├── object-assign@2.1.1
│ │   └── smart-mixin@1.2.1
│ └─┬ redux-devtools-themes@1.0.0
│   └── base16@1.0.0
├─┬ redux-router@1.0.0-beta5
│ └── history@1.13.1
├── redux-simple-router@1.0.0
├── redux-thunk@1.0.0
├── rimraf@2.4.4
├── sji@0.0.1
├── stats-webpack-plugin@0.2.2
├── style-loader@0.13.0
├─┬ svg-inline-loader@0.4.0
│ └── simple-html-tokenizer@0.1.1
├─┬ webpack@1.12.9
│ ├── async@1.5.0
│ ├── clone@1.0.2
│ ├─┬ enhanced-resolve@0.9.1
│ │ └── memory-fs@0.2.0
│ ├── esprima@2.7.0
│ ├── interpret@0.6.6
│ ├── memory-fs@0.3.0
│ ├─┬ node-libs-browser@0.5.3
│ │ ├── assert@1.3.0
│ │ ├─┬ browserify-zlib@0.1.4
│ │ │ └── pako@0.2.8
│ │ ├─┬ buffer@3.5.3
│ │ │ ├── base64-js@0.0.8
│ │ │ ├── ieee754@1.1.6
│ │ │ └── is-array@1.0.1
│ │ ├─┬ console-browserify@1.1.0
│ │ │ └── date-now@0.1.4
│ │ ├── constants-browserify@0.0.1
│ │ ├─┬ crypto-browserify@3.2.8
│ │ │ ├── pbkdf2-compat@2.0.1
│ │ │ ├── ripemd160@0.2.0
│ │ │ └── sha.js@2.2.6
│ │ ├── domain-browser@1.1.4
│ │ ├── events@1.1.0
│ │ ├─┬ http-browserify@1.7.0
│ │ │ └── Base64@0.2.1
│ │ ├── https-browserify@0.0.0
│ │ ├── os-browserify@0.1.2
│ │ ├── path-browserify@0.0.0
│ │ ├── process@0.11.2
│ │ ├── punycode@1.3.2
│ │ ├── querystring-es3@0.2.1
│ │ ├── readable-stream@1.1.13
│ │ ├─┬ stream-browserify@1.0.0
│ │ │ └── readable-stream@1.1.13
│ │ ├── string_decoder@0.10.31
│ │ ├─┬ timers-browserify@1.4.1
│ │ │ └── process@0.11.2
│ │ ├── tty-browserify@0.0.0
│ │ ├── url@0.10.3
│ │ ├── util@0.10.3
│ │ └─┬ vm-browserify@0.0.4
│ │   └── indexof@0.0.1
│ ├─┬ optimist@0.6.1
│ │ └── minimist@0.0.10
│ ├── supports-color@3.1.2
│ ├── tapable@0.1.10
│ ├─┬ uglify-js@2.6.1
│ │ ├── async@0.2.10
│ │ ├── source-map@0.5.3
│ │ ├── uglify-to-browserify@1.0.2
│ │ └─┬ yargs@3.10.0
│ │   ├── camelcase@1.2.1
│ │   ├─┬ cliui@2.1.0
│ │   │ ├─┬ center-align@0.1.2
│ │   │ │ └─┬ align-text@0.1.3
│ │   │ │   ├── longest@1.0.1
│ │   │ │   └── repeat-string@1.5.2
│ │   │ └── right-align@0.1.3
│ │   └── window-size@0.1.0
│ ├─┬ watchpack@0.2.9
│ │ └── async@0.9.2
│ └─┬ webpack-core@0.6.8
│   └── source-map@0.4.4
├─┬ webpack-dev-middleware@1.4.0
│ └── mime@1.3.4
├─┬ webpack-hot-middleware@2.6.0
│ ├── querystring@0.2.0
│ └─┬ strip-ansi@2.0.1
│   └── ansi-regex@1.1.1
└── whatwg-fetch@0.10.1

npm ERR! extraneous: jest-babel-preprocessor@0.3.0 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/jest-babel-preprocessor
npm ERR! extraneous: js-throttle-debounce@0.1.1 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/js-throttle-debounce
npm ERR! extraneous: piping@0.3.0 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/piping
npm ERR! extraneous: postcss-color-function@2.0.0 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/postcss-color-function
npm ERR! extraneous: postcss-for@2.0.1 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/postcss-for
npm ERR! extraneous: postcss-functions@2.0.0 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/postcss-functions
npm ERR! extraneous: react-styleguide-generator@1.2.1 /Users/gallantrym/Documents/WIPS/NewFrontier/redux-react-router-async-example/node_modules/react-styleguide-generator
npm ERR! missing: chalk@^0.5.1, required by changelog@1.0.7
npm ERR! missing: cli@^0.6.4, required by changelog@1.0.7
npm ERR! missing: lodash@^2.4.1, required by changelog@1.0.7
npm ERR! missing: moment@^2.5.0, required by changelog@1.0.7
npm ERR! missing: semver@^4.0.3, required by changelog@1.0.7

[withgallantry]

@mik01aj Also tried reducing .babelrc to just { stage: 0 } and that still gave me the same errors. Appreciate the effort and time guys. Thanks.

[sapegin]

Any missing packages (like «npm ERR! missing…») is not OK.

[withgallantry]

Yeah, I've just removed the package needing them as I didn't need it. Thanks @sapegin. I'm just about try again, then update babel and see how that fairs.

[kgoggin]

FWIW I'm getting the same error. Similar configs as @withgallantry in that I'm not doing anything fancy with react-styleguidist and that I'm already using Babel@5 with react-transform-hmr in my app. Haven't had a ton of time to troubleshoot it because I'm on a deadline this week, but thought I'd bring it up because, whatever the issue is, it's not isolated.

[jardakotesovec]

I have my components in components folder and got same error, when I was referencing out of this components folder, like to utils or constants.

I solved this problem by adding these folders to webpack config in updateWebpackConfig, so they get processed by babel.

 webpackConfig.module.loaders[0].include.push(path.join(__dirname, './utils'));
 webpackConfig.module.loaders[0].include.push(path.join(__dirname, './constants'));

[sapegin]

Please try 2.0.0. It has many breaking changes but should fix such problems. Or at least make things more explicit.

/cc @kgoggin @jardakotesovec

[sapegin]

Closing this for now. Feel free to reopen if you still have this issue.

[highruned]

Hey @sapegin Could use some guidance. Having the same problem as above, I think. https://gist.github.com/ericmuyser/59dfa16812e393dc97ea Tried everything in this SS:

Also tried plugins:

Cheers

[sapegin]

@ericmuyser test: /\.js?$/, means .js or .j, you need .jsx?.

[highruned]

Wooow. I guess my other one I copied it from works because of this:

No more copy/paste for me this week. Thanks!!

[sapegin]

@ericmuyser resolve.extensions is for requiring modules without extension, but loader test fails it won’t be transpiled. That’s why you have “Unexpected token” instead of module not found.

[highruned]

Oh okay I see what happened. I started out following the guide, couldn't get it working, copied over my working line test: /\.js?$/, couldn't get it working, so I tried changing the extension to .jsx thinking perhaps styleguidist didn't support .js, and didn't change that copied line back, so it was never matching on jsx even after fixing the original problem (which I still dont know was).

Anyway thanks again for the help. I really need sleep, lol, night!

[slovyagin]

The issue is closed, but were there any solution provided to fix that bug? I can’t find any in the thread, or I’m just inattentive.

I’ve just got that kind of behaviour and can’t manage to fix it. Got the You may need an appropriate loader to handle this file type. related to static keyword in code. While the building with babel-cli is OK and transpiles this experimental feature as intended.

What could be wrong and what should try to fix this?

[sapegin]

@crvst Is in your own code or Styleguidist? For static you need transform-class-properties Babel plugin from preset-stage-1.

[slovyagin]

Yep, from my own code. But the stage-1 has already enabled in .babelrc and the direct installation npm i babel-plugin-transform-class-properties didn’t work out.

[kevinch]

If it helps others: developing locally with npm link and styleguidist won't work if your project runs with Webpack 1. You'll have to bump to Webpack 2 at least. Just did it and works fine.

[sapegin]

Styleguidist don't support webpack 1 in any case.