Runtime errors - Githubissues

avonian commented 7 years ago

Hi there,

Having some errors that I can't quite make sense of, wondering if you could help, basically webpack reports the following:

ERROR in ./~/react-map-gl-alt/~/mapbox-gl/js/util/util.js
Module build failed: SyntaxError: Unexpected token (15:35)
    at Parser.pp.raise (.../node_modules/acorn/dist/acorn.js:1745:13)
    at Parser.pp.unexpected (.../node_modules/acorn/dist/acorn.js:2264:8)
    at Parser.pp.expect (.../node_modules/acorn/dist/acorn.js:2258:26)
    at Parser.pp.parseBindingList (.../node_modules/acorn/dist/acorn.js:1884:40)
    at Parser.pp.parseFunctionParams (.../node_modules/acorn/dist/acorn.js:2776:22)
    at Parser.pp.parseFunction (.../node_modules/acorn/dist/acorn.js:2769:8)
    at Parser.pp.parseExprAtom (.../node_modules/acorn/dist/acorn.js:1129:19)
    at Parser.pp.parseExprSubscripts (.../node_modules/acorn/dist/acorn.js:1023:19)
    at Parser.pp.parseMaybeUnary (.../node_modules/acorn/dist/acorn.js:1004:19)
    at Parser.pp.parseExprOps (.../node_modules/acorn/dist/acorn.js:948:19)
 @ ./~/react-map-gl-alt/~/mapbox-gl/js/mapbox-gl.js 26:16-38

ERROR in ./~/mapbox-gl-style-spec/migrations/v7.js
Module not found: Error: Cannot resolve 'file' or 'directory' ../reference/v7 in .../node_modules/mapbox-gl-style-spec/migrations
 @ ./~/mapbox-gl-style-spec/migrations/v7.js 3:10-36

ERROR in ./~/mapbox-gl-style-spec/migrations/v8.js
Module not found: Error: Cannot resolve 'file' or 'directory' ../reference/v8 in .../node_modules/mapbox-gl-style-spec/migrations
 @ ./~/mapbox-gl-style-spec/migrations/v8.js 3:16-42

ERROR in ./~/jsonlint-lines-primitives/lib/jsonlint.js
Module not found: Error: Cannot resolve module 'fs' in .../node_modules/jsonlint-lines-primitives/lib
 @ ./~/jsonlint-lines-primitives/lib/jsonlint.js 686:17-30

I replaced the full path to my project with '...' for readability

Any help would be appreciated.

cammanderson commented 7 years ago

HI @avonian ,

Have you tried removing your node_modules directory then running an npm install again? If that doesn't work let me know.

Also, are you able to share parts of your webpack/npm configuration? It may help identify any potential issues.

Thanks Cameron

avonian commented 7 years ago

I just nuked it and did a fresh npm install, same errors.

cammanderson commented 7 years ago

OK thanks. Can you please supply parts of your webpack and run a npm ls?

avonian commented 7 years ago

Certainly, and thanks for the help it's much appreciated! :)

webpack.config.js

var path = require('path');
var webpack = require('webpack');

const NODE_ENV = process.env.NODE_ENV ? process.env.NODE_ENV.toLowerCase() : 'development';

module.exports = {
  entry: './src/main.js',
  output: { path: 'public', filename: 'bundle.js' },
  devtool: 'source-map',
  watchOptions: {
    poll: true,
    exclude: /node_modules/
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env':{
        'NODE_ENV': JSON.stringify(NODE_ENV)
      }
    }),
    new webpack.ProvidePlugin({
      'fetch': 'imports?this=>global!exports?global.fetch!whatwg-fetch'
    })
  ],
  resolve: {
    extensions: ['','.js'],
    alias: {
      webworkify: 'webworkify-webpack'
    }
  },
  module: {
    loaders: [
      {
        test: /.sass?$/,
        loader: 'style!css!sass?indentedSyntax',
        exclude: /node_modules/
      },
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react', 'stage-0']
        }
      },
      {
        test: /\.json$/,
        loader: 'json'
      },
      {
        test: /\.js$/,
        include: path.resolve(__dirname, 'node_modules/webworkify/index.js'),
        loader: 'worker'
      },
      {
        test: /mapbox-gl.+\.js$/,
        loader: 'transform/cacheable?brfs'
      }
    ],
    noParse: /node_modules\/json-schema\/lib\/validate\.js/
  },
};

npm ls

myapp@1.0.0
├── alphaify@3.0.0
├─┬ babel-core@6.21.0
│ ├─┬ babel-code-frame@6.20.0
│ │ ├── esutils@2.0.2
│ │ └── js-tokens@2.0.0
│ ├─┬ babel-generator@6.21.0
│ │ ├─┬ detect-indent@4.0.0
│ │ │ └─┬ repeating@2.0.1
│ │ │   └─┬ is-finite@1.0.2
│ │ │     └── number-is-nan@1.0.1
│ │ └── jsesc@1.3.0
│ ├── babel-helpers@6.16.0
│ ├── babel-messages@6.8.0
│ ├─┬ babel-register@6.18.0
│ │ ├── core-js@2.4.1
│ │ ├─┬ home-or-tmp@2.0.0
│ │ │ ├── os-homedir@1.0.2
│ │ │ └── os-tmpdir@1.0.2
│ │ └── source-map-support@0.4.8
│ ├─┬ babel-runtime@6.20.0
│ │ └── regenerator-runtime@0.10.1
│ ├── babel-template@6.16.0
│ ├─┬ babel-traverse@6.21.0
│ │ └── globals@9.14.0
│ ├─┬ babel-types@6.21.0
│ │ └── to-fast-properties@1.0.2
│ ├── babylon@6.14.1
│ ├── convert-source-map@1.3.0
│ ├─┬ debug@2.6.0
│ │ └── ms@0.7.2
│ ├── json5@0.5.1
│ ├── lodash@4.17.3
│ ├─┬ minimatch@3.0.3
│ │ └─┬ brace-expansion@1.1.6
│ │   ├── balanced-match@0.4.2
│ │   └── concat-map@0.0.1
│ ├── path-is-absolute@1.0.1
│ ├── private@0.1.6
│ ├── slash@1.0.0
│ └── source-map@0.5.6
├─┬ babel-loader@6.2.10
│ ├─┬ find-cache-dir@0.1.1
│ │ ├── commondir@1.0.1
│ │ └─┬ pkg-dir@1.0.0
│ │   └─┬ find-up@1.1.2
│ │     └── path-exists@2.1.0
│ ├─┬ loader-utils@0.2.16
│ │ ├── big.js@3.1.3
│ │ └── emojis-list@2.1.0
│ └─┬ mkdirp@0.5.1
│   └── minimist@0.0.8
├─┬ babel-preset-es2015@6.18.0
│ ├── babel-plugin-check-es2015-constants@6.8.0
│ ├── babel-plugin-transform-es2015-arrow-functions@6.8.0
│ ├── babel-plugin-transform-es2015-block-scoped-functions@6.8.0
│ ├── babel-plugin-transform-es2015-block-scoping@6.21.0
│ ├─┬ babel-plugin-transform-es2015-classes@6.18.0
│ │ ├── babel-helper-define-map@6.18.0
│ │ ├── babel-helper-function-name@6.18.0
│ │ ├── babel-helper-optimise-call-expression@6.18.0
│ │ └── babel-helper-replace-supers@6.18.0
│ ├── babel-plugin-transform-es2015-computed-properties@6.8.0
│ ├── babel-plugin-transform-es2015-destructuring@6.19.0
│ ├── babel-plugin-transform-es2015-duplicate-keys@6.8.0
│ ├── babel-plugin-transform-es2015-for-of@6.18.0
│ ├── babel-plugin-transform-es2015-function-name@6.9.0
│ ├── babel-plugin-transform-es2015-literals@6.8.0
│ ├── babel-plugin-transform-es2015-modules-amd@6.18.0
│ ├─┬ babel-plugin-transform-es2015-modules-commonjs@6.18.0
│ │ └── babel-plugin-transform-strict-mode@6.18.0
│ ├─┬ babel-plugin-transform-es2015-modules-systemjs@6.19.0
│ │ └── babel-helper-hoist-variables@6.18.0
│ ├── babel-plugin-transform-es2015-modules-umd@6.18.0
│ ├── babel-plugin-transform-es2015-object-super@6.8.0
│ ├─┬ babel-plugin-transform-es2015-parameters@6.21.0
│ │ ├── babel-helper-call-delegate@6.18.0
│ │ └── babel-helper-get-function-arity@6.18.0
│ ├── babel-plugin-transform-es2015-shorthand-properties@6.18.0
│ ├── babel-plugin-transform-es2015-spread@6.8.0
│ ├─┬ babel-plugin-transform-es2015-sticky-regex@6.8.0
│ │ └── babel-helper-regex@6.18.0
│ ├── babel-plugin-transform-es2015-template-literals@6.8.0
│ ├── babel-plugin-transform-es2015-typeof-symbol@6.18.0
│ ├─┬ babel-plugin-transform-es2015-unicode-regex@6.11.0
│ │ └─┬ regexpu-core@2.0.0
│ │   ├── regenerate@1.3.2
│ │   ├── regjsgen@0.2.0
│ │   └─┬ regjsparser@0.1.5
│ │     └── jsesc@0.5.0
│ └─┬ babel-plugin-transform-regenerator@6.21.0
│   └── regenerator-transform@0.9.8
├─┬ babel-preset-react@6.16.0
│ ├── babel-plugin-syntax-flow@6.18.0
│ ├── babel-plugin-syntax-jsx@6.18.0
│ ├── babel-plugin-transform-flow-strip-types@6.21.0
│ ├── babel-plugin-transform-react-display-name@6.8.0
│ ├─┬ babel-plugin-transform-react-jsx@6.8.0
│ │ └── babel-helper-builder-react-jsx@6.21.1
│ ├── babel-plugin-transform-react-jsx-self@6.11.0
│ └── babel-plugin-transform-react-jsx-source@6.9.0
├─┬ babel-preset-stage-0@6.16.0
│ ├─┬ babel-plugin-transform-do-expressions@6.8.0
│ │ └── babel-plugin-syntax-do-expressions@6.13.0
│ ├─┬ babel-plugin-transform-function-bind@6.8.0
│ │ └── babel-plugin-syntax-function-bind@6.13.0
│ └─┬ babel-preset-stage-1@6.16.0
│   ├─┬ babel-plugin-transform-class-constructor-call@6.18.0
│   │ └── babel-plugin-syntax-class-constructor-call@6.18.0
│   ├─┬ babel-plugin-transform-export-extensions@6.8.0
│   │ └── babel-plugin-syntax-export-extensions@6.13.0
│   └─┬ babel-preset-stage-2@6.18.0
│     ├── babel-plugin-syntax-dynamic-import@6.18.0
│     ├─┬ babel-plugin-transform-class-properties@6.19.0
│     │ └── babel-plugin-syntax-class-properties@6.13.0
│     ├─┬ babel-plugin-transform-decorators@6.13.0
│     │ ├─┬ babel-helper-explode-class@6.18.0
│     │ │ └── babel-helper-bindify-decorators@6.18.0
│     │ └── babel-plugin-syntax-decorators@6.13.0
│     └─┬ babel-preset-stage-3@6.17.0
│       ├── babel-plugin-syntax-trailing-function-commas@6.20.0
│       ├─┬ babel-plugin-transform-async-generator-functions@6.17.0
│       │ ├── babel-helper-remap-async-to-generator@6.20.3
│       │ └── babel-plugin-syntax-async-generators@6.13.0
│       ├─┬ babel-plugin-transform-async-to-generator@6.16.0
│       │ └── babel-plugin-syntax-async-functions@6.13.0
│       ├─┬ babel-plugin-transform-exponentiation-operator@6.8.0
│       │ ├─┬ babel-helper-builder-binary-assignment-operator-visitor@6.18.0
│       │ │ └── babel-helper-explode-assignable-expression@6.18.0
│       │ └── babel-plugin-syntax-exponentiation-operator@6.13.0
│       └─┬ babel-plugin-transform-object-rest-spread@6.20.2
│         └── babel-plugin-syntax-object-rest-spread@6.13.0
├─┬ body-parser@1.15.2
│ ├── bytes@2.4.0
│ ├── content-type@1.0.2
│ ├─┬ debug@2.2.0
│ │ └── ms@0.7.1
│ ├── depd@1.1.0
│ ├─┬ http-errors@1.5.1
│ │ ├── inherits@2.0.3
│ │ └── setprototypeof@1.0.2
│ ├── iconv-lite@0.4.13
│ ├─┬ on-finished@2.3.0
│ │ └── ee-first@1.1.1
│ ├── qs@6.2.0
│ ├── raw-body@2.1.7
│ └─┬ type-is@1.6.14
│   ├── media-typer@0.3.0
│   └── mime-types@2.1.13
├─┬ brfs@1.4.3
│ ├─┬ quote-stream@1.0.2
│ │ ├── buffer-equal@0.0.1
│ │ └── minimist@1.2.0
│ ├── resolve@1.2.0
│ ├─┬ static-module@1.3.1
│ │ ├─┬ concat-stream@1.4.10
│ │ │ ├─┬ readable-stream@1.1.14
│ │ │ │ └── isarray@0.0.1
│ │ │ └── typedarray@0.0.6
│ │ ├─┬ duplexer2@0.0.2
│ │ │ └─┬ readable-stream@1.1.14
│ │ │   └── isarray@0.0.1
│ │ ├─┬ escodegen@1.3.3
│ │ │ ├── esprima@1.1.1
│ │ │ ├── estraverse@1.5.1
│ │ │ ├── esutils@1.0.0
│ │ │ └── source-map@0.1.43
│ │ ├─┬ falafel@1.2.0
│ │ │ ├── acorn@1.2.2
│ │ │ ├── foreach@2.0.5
│ │ │ └── isarray@0.0.1
│ │ ├── has@1.0.1
│ │ ├── object-inspect@0.4.0
│ │ ├── quote-stream@0.0.0
│ │ ├─┬ readable-stream@1.0.34
│ │ │ ├── core-util-is@1.0.2
│ │ │ └── isarray@0.0.1
│ │ ├── shallow-copy@0.0.1
│ │ ├─┬ static-eval@0.2.4
│ │ │ └─┬ escodegen@0.0.28
│ │ │   ├── esprima@1.0.4
│ │ │   └── estraverse@1.3.2
│ │ └─┬ through2@0.4.2
│ │   └─┬ xtend@2.1.2
│ │     └── object-keys@0.4.0
│ └─┬ through2@2.0.3
│   ├─┬ readable-stream@2.2.2
│   │ ├── buffer-shims@1.0.0
│   │ ├── isarray@1.0.0
│   │ ├── process-nextick-args@1.0.7
│   │ └── util-deprecate@1.0.2
│   └── xtend@4.0.1
├─┬ compression@1.6.2
│ ├─┬ accepts@1.3.3
│ │ └── negotiator@0.6.1
│ ├── bytes@2.3.0
│ ├─┬ compressible@2.0.9
│ │ └── mime-db@1.25.0
│ ├─┬ debug@2.2.0
│ │ └── ms@0.7.1
│ ├── on-headers@1.0.1
│ └── vary@1.1.0
├─┬ connect-pg-simple@3.1.2
│ └─┬ pg@4.5.6
│   ├── generic-pool@2.4.2
│   ├─┬ pgpass@0.0.3
│   │ └── split@0.3.3
│   └── semver@4.3.6
├─┬ cookie-parser@1.4.3
│ ├── cookie@0.3.1
│ └── cookie-signature@1.0.6
├─┬ css-loader@0.26.1
│ ├─┬ css-selector-tokenizer@0.7.0
│ │ ├── cssesc@0.1.0
│ │ ├── fastparse@1.1.1
│ │ └── regexpu-core@1.0.0
│ ├─┬ cssnano@3.9.1
│ │ ├─┬ autoprefixer@6.6.0
│ │ │ ├── browserslist@1.5.1
│ │ │ ├── caniuse-db@1.0.30000602
│ │ │ ├── normalize-range@0.1.2
│ │ │ └── num2fraction@1.2.2
│ │ ├── decamelize@1.2.0
│ │ ├── defined@1.0.0
│ │ ├─┬ postcss-calc@5.3.1
│ │ │ ├── postcss-message-helpers@2.0.0
│ │ │ └─┬ reduce-css-calc@1.3.0
│ │ │   ├─┬ math-expression-evaluator@1.2.14
│ │ │   │ └── lodash.indexof@4.0.5
│ │ │   └── reduce-function-call@1.0.2
│ │ ├─┬ postcss-colormin@2.2.1
│ │ │ └─┬ colormin@1.1.2
│ │ │   ├─┬ color@0.11.4
│ │ │   │ ├─┬ color-convert@1.8.2
│ │ │   │ │ └── color-name@1.1.1
│ │ │   │ └── color-string@0.3.0
│ │ │   └── css-color-names@0.0.4
│ │ ├── postcss-convert-values@2.5.0
│ │ ├── postcss-discard-comments@2.0.4
│ │ ├── postcss-discard-duplicates@2.0.2
│ │ ├── postcss-discard-empty@2.1.0
│ │ ├── postcss-discard-overridden@0.1.1
│ │ ├─┬ postcss-discard-unused@2.2.3
│ │ │ └── uniqs@2.0.0
│ │ ├─┬ postcss-filter-plugins@2.0.2
│ │ │ └─┬ uniqid@4.1.0
│ │ │   └── macaddress@0.2.8
│ │ ├── postcss-merge-idents@2.1.7
│ │ ├── postcss-merge-longhand@2.0.1
│ │ ├─┬ postcss-merge-rules@2.0.11
│ │ │ └── vendors@1.0.1
│ │ ├── postcss-minify-font-values@1.0.5
│ │ ├── postcss-minify-gradients@1.0.5
│ │ ├─┬ postcss-minify-params@1.2.2
│ │ │ └── alphanum-sort@1.0.2
│ │ ├─┬ postcss-minify-selectors@2.0.7
│ │ │ └─┬ postcss-selector-parser@2.2.2
│ │ │   ├── flatten@1.0.2
│ │ │   ├── indexes-of@1.0.1
│ │ │   └── uniq@1.0.1
│ │ ├── postcss-normalize-charset@1.1.1
│ │ ├─┬ postcss-normalize-url@3.0.7
│ │ │ ├── is-absolute-url@2.1.0
│ │ │ └─┬ normalize-url@1.8.0
│ │ │   ├── prepend-http@1.0.4
│ │ │   └─┬ sort-keys@1.1.2
│ │ │     └── is-plain-obj@1.1.0
│ │ ├── postcss-ordered-values@2.2.2
│ │ ├── postcss-reduce-idents@2.3.1
│ │ ├── postcss-reduce-initial@1.0.1
│ │ ├── postcss-reduce-transforms@1.0.4
│ │ ├─┬ postcss-svgo@2.1.6
│ │ │ ├─┬ is-svg@2.1.0
│ │ │ │ └── html-comment-regex@1.1.1
│ │ │ └─┬ svgo@0.7.1
│ │ │   ├─┬ coa@1.0.1
│ │ │   │ └── q@1.4.1
│ │ │   ├── colors@1.1.2
│ │ │   ├─┬ csso@2.2.1
│ │ │   │ └── clap@1.1.2
│ │ │   ├─┬ js-yaml@3.6.1
│ │ │   │ ├─┬ argparse@1.0.9
│ │ │   │ │ └── sprintf-js@1.0.3
│ │ │   │ └── esprima@2.7.3
│ │ │   ├── sax@1.2.1
│ │ │   └── whet.extend@0.9.9
│ │ ├── postcss-unique-selectors@2.0.2
│ │ ├── postcss-value-parser@3.3.0
│ │ └── postcss-zindex@2.2.0
│ ├── lodash.camelcase@4.3.0
│ ├─┬ postcss@5.2.8
│ │ ├── js-base64@2.1.9
│ │ └── supports-color@3.1.2
│ ├── postcss-modules-extract-imports@1.0.1
│ ├─┬ postcss-modules-local-by-default@1.1.1
│ │ └─┬ css-selector-tokenizer@0.6.0
│ │   └── regexpu-core@1.0.0
│ ├─┬ postcss-modules-scope@1.0.2
│ │ └─┬ css-selector-tokenizer@0.6.0
│ │   └── regexpu-core@1.0.0
│ ├─┬ postcss-modules-values@1.2.2
│ │ └── icss-replace-symbols@1.0.2
│ └── source-list-map@0.1.7
├── d3-color@0.4.2
├── ejs@2.5.5
├─┬ exports-loader@0.6.3
│ └─┬ source-map@0.1.43
│   └── amdefine@1.0.1
├─┬ express@4.14.0
│ ├── array-flatten@1.1.1
│ ├── content-disposition@0.5.1
│ ├─┬ debug@2.2.0
│ │ └── ms@0.7.1
│ ├── encodeurl@1.0.1
│ ├── escape-html@1.0.3
│ ├── etag@1.7.0
│ ├── finalhandler@0.5.0
│ ├── fresh@0.3.0
│ ├── merge-descriptors@1.0.1
│ ├── methods@1.1.2
│ ├── parseurl@1.3.1
│ ├── path-to-regexp@0.1.7
│ ├─┬ proxy-addr@1.1.2
│ │ ├── forwarded@0.1.0
│ │ └── ipaddr.js@1.1.1
│ ├── range-parser@1.2.0
│ ├─┬ send@0.14.1
│ │ ├── debug@2.2.0
│ │ ├── destroy@1.0.4
│ │ ├── mime@1.3.4
│ │ └── ms@0.7.1
│ └── utils-merge@1.0.0
├─┬ express-session@1.14.2
│ ├── crc@3.4.1
│ ├─┬ debug@2.2.0
│ │ └── ms@0.7.1
│ └─┬ uid-safe@2.1.3
│   ├── base64-url@1.3.3
│   └── random-bytes@1.0.0
├─┬ finalhandler@0.5.1
│ ├─┬ debug@2.2.0
│ │ └── ms@0.7.1
│ ├── statuses@1.3.1
│ └── unpipe@1.0.0
├── fixed-data-table@0.6.3
├── geopoint@1.0.1
├── immutable@3.8.1
├─┬ imports-loader@0.6.5
│ └── source-map@0.1.43
├── json-loader@0.5.4
├── mousetrap@1.6.0
├── net@1.0.2
├─┬ node-fetch@1.6.3
│ ├── encoding@0.1.12
│ └── is-stream@1.1.0
├─┬ node-sass@3.13.1
│ ├── async-foreach@0.1.3
│ ├─┬ chalk@1.1.3
│ │ ├── ansi-styles@2.2.1
│ │ ├── escape-string-regexp@1.0.5
│ │ ├── has-ansi@2.0.0
│ │ └── supports-color@2.0.0
│ ├─┬ cross-spawn@3.0.1
│ │ ├─┬ lru-cache@4.0.2
│ │ │ ├── pseudomap@1.0.2
│ │ │ └── yallist@2.0.0
│ │ └─┬ which@1.2.12
│ │   └── isexe@1.1.2
│ ├─┬ gaze@1.1.2
│ │ └─┬ globule@1.1.0
│ │   └── lodash@4.16.6
│ ├── get-stdin@4.0.1
│ ├─┬ glob@7.1.1
│ │ ├── fs.realpath@1.0.0
│ │ ├─┬ inflight@1.0.6
│ │ │ └── wrappy@1.0.2
│ │ └── once@1.4.0
│ ├── in-publish@2.0.0
│ ├── lodash.assign@4.2.0
│ ├── lodash.clonedeep@4.5.0
│ ├─┬ meow@3.7.0
│ │ ├─┬ camelcase-keys@2.1.0
│ │ │ └── camelcase@2.1.1
│ │ ├─┬ loud-rejection@1.6.0
│ │ │ ├─┬ currently-unhandled@0.4.1
│ │ │ │ └── array-find-index@1.0.2
│ │ │ └── signal-exit@3.0.2
│ │ ├── map-obj@1.0.1
│ │ ├── minimist@1.2.0
│ │ ├─┬ normalize-package-data@2.3.5
│ │ │ ├── hosted-git-info@2.1.5
│ │ │ ├─┬ is-builtin-module@1.0.0
│ │ │ │ └── builtin-modules@1.1.1
│ │ │ └─┬ validate-npm-package-license@3.0.1
│ │ │   ├─┬ spdx-correct@1.0.2
│ │ │   │ └── spdx-license-ids@1.2.2
│ │ │   └── spdx-expression-parse@1.0.4
│ │ ├─┬ read-pkg-up@1.0.1
│ │ │ └─┬ read-pkg@1.1.0
│ │ │   ├─┬ load-json-file@1.1.0
│ │ │   │ ├─┬ parse-json@2.2.0
│ │ │   │ │ └─┬ error-ex@1.3.0
│ │ │   │ │   └── is-arrayish@0.2.1
│ │ │   │ ├── pify@2.3.0
│ │ │   │ └─┬ strip-bom@2.0.0
│ │ │   │   └── is-utf8@0.2.1
│ │ │   └── path-type@1.1.0
│ │ ├─┬ redent@1.0.0
│ │ │ ├── indent-string@2.1.0
│ │ │ └── strip-indent@1.0.1
│ │ └── trim-newlines@1.0.0
│ ├── nan@2.5.0
│ ├─┬ node-gyp@3.4.0
│ │ ├── fstream@1.0.10
│ │ ├── graceful-fs@4.1.11
│ │ ├─┬ nopt@3.0.6
│ │ │ └── abbrev@1.0.9
│ │ ├─┬ npmlog@3.1.2
│ │ │ └─┬ gauge@2.6.0
│ │ │   └── has-color@0.1.7
│ │ ├── osenv@0.1.4
│ │ ├─┬ path-array@1.0.1
│ │ │ └─┬ array-index@1.0.0
│ │ │   └─┬ es6-symbol@3.1.0
│ │ │     ├── d@0.1.1
│ │ │     └─┬ es5-ext@0.10.12
│ │ │       └── es6-iterator@2.0.0
│ │ ├── rimraf@2.5.4
│ │ └─┬ tar@2.2.1
│ │   └── block-stream@0.0.9
│ ├─┬ npmlog@4.0.2
│ │ ├─┬ are-we-there-yet@1.1.2
│ │ │ └── delegates@1.0.0
│ │ ├── console-control-strings@1.1.0
│ │ ├─┬ gauge@2.7.2
│ │ │ ├── aproba@1.0.4
│ │ │ ├── has-unicode@2.0.1
│ │ │ ├─┬ string-width@1.0.2
│ │ │ │ ├── code-point-at@1.1.0
│ │ │ │ └── is-fullwidth-code-point@1.0.0
│ │ │ ├── supports-color@0.2.0
│ │ │ └── wide-align@1.1.0
│ │ └── set-blocking@2.0.0
│ ├─┬ request@2.79.0
│ │ ├── aws-sign2@0.6.0
│ │ ├── aws4@1.5.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@2.1.2
│ │ │ └── asynckit@0.4.0
│ │ ├─┬ har-validator@2.0.6
│ │ │ ├─┬ commander@2.9.0
│ │ │ │ └── graceful-readlink@1.0.1
│ │ │ ├─┬ is-my-json-valid@2.15.0
│ │ │ │ ├── generate-function@2.0.0
│ │ │ │ ├─┬ generate-object-property@1.2.0
│ │ │ │ │ └── is-property@1.0.2
│ │ │ │ └── jsonpointer@4.0.1
│ │ │ └─┬ pinkie-promise@2.0.1
│ │ │   └── pinkie@2.0.4
│ │ ├─┬ hawk@3.1.3
│ │ │ ├── boom@2.10.1
│ │ │ ├── cryptiles@2.0.5
│ │ │ ├── hoek@2.16.3
│ │ │ └── sntp@1.0.9
│ │ ├─┬ http-signature@1.1.1
│ │ │ ├── assert-plus@0.2.0
│ │ │ ├─┬ jsprim@1.3.1
│ │ │ │ ├── extsprintf@1.0.2
│ │ │ │ ├── json-schema@0.2.3
│ │ │ │ └── verror@1.3.6
│ │ │ └─┬ sshpk@1.10.1
│ │ │   ├── asn1@0.2.3
│ │ │   ├── assert-plus@1.0.0
│ │ │   ├── bcrypt-pbkdf@1.0.0
│ │ │   ├─┬ dashdash@1.14.1
│ │ │   │ └── assert-plus@1.0.0
│ │ │   ├── ecc-jsbn@0.1.1
│ │ │   ├─┬ getpass@0.1.6
│ │ │   │ └── assert-plus@1.0.0
│ │ │   ├── jodid25519@1.0.2
│ │ │   ├── jsbn@0.1.0
│ │ │   └── tweetnacl@0.14.5
│ │ ├── is-typedarray@1.0.0
│ │ ├── isstream@0.1.2
│ │ ├── json-stringify-safe@5.0.1
│ │ ├── oauth-sign@0.8.2
│ │ ├── qs@6.3.0
│ │ ├── stringstream@0.0.5
│ │ ├── tough-cookie@2.3.2
│ │ ├── tunnel-agent@0.4.3
│ │ └── uuid@3.0.1
│ └─┬ sass-graph@2.1.2
│   └─┬ yargs@4.8.1
│     ├─┬ cliui@3.2.0
│     │ └── wrap-ansi@2.1.0
│     ├── get-caller-file@1.0.2
│     ├─┬ os-locale@1.4.0
│     │ └─┬ lcid@1.0.0
│     │   └── invert-kv@1.0.0
│     ├── require-directory@2.1.1
│     ├── require-main-filename@1.0.1
│     ├── which-module@1.0.0
│     ├── window-size@0.2.0
│     ├── y18n@3.2.1
│     └─┬ yargs-parser@2.4.1
│       └── camelcase@3.0.0
├── object-assign@4.1.0
├─┬ path@0.12.7
│ ├── process@0.11.9
│ └─┬ util@0.10.3
│   └── inherits@2.0.1
├─┬ pg@6.1.2
│ ├── buffer-writer@1.0.1
│ ├── packet-reader@0.2.0
│ ├── pg-connection-string@0.1.3
│ ├── pg-pool@1.6.0
│ ├─┬ pg-types@1.11.0
│ │ ├── ap@0.2.0
│ │ ├── postgres-array@1.0.2
│ │ ├── postgres-bytea@1.0.0
│ │ ├── postgres-date@1.0.3
│ │ └── postgres-interval@1.0.2
│ ├─┬ pgpass@1.0.1
│ │ └─┬ split@1.0.0
│ │   └── through@2.3.8
│ └── semver@4.3.2
├── pg-format@1.0.3
├─┬ r-dom@2.3.1
│ ├── classnames@2.2.5
│ └── just-omit@1.0.1
├─┬ react@15.4.1
│ ├─┬ fbjs@0.8.8
│ │ ├── core-js@1.2.7
│ │ ├── isomorphic-fetch@2.2.1
│ │ ├── promise@7.1.1
│ │ ├── setimmediate@1.0.5
│ │ └── ua-parser-js@0.7.12
│ └── loose-envify@1.3.0
├─┬ react-ace@3.7.0
│ ├─┬ brace@0.8.0
│ │ └── w3c-blob@0.0.1
│ └── lodash.isequal@4.4.0
├── react-addons-css-transition-group@15.4.1
├── react-addons-shallow-compare@15.4.1
├── react-addons-update@15.4.1
├── react-dom@15.4.1
├── react-draggable@2.2.3
├── UNMET DEPENDENCY react-map-gl@^1.2.0
├── react-map-gl-alt@0.3.2 extraneous
├─┬ react-markdown@2.4.2
│ ├─┬ commonmark@0.24.0
│ │ ├── entities@1.1.1
│ │ ├── mdurl@1.0.1
│ │ └── string.prototype.repeat@0.2.0
│ └─┬ commonmark-react-renderer@4.3.2
│   ├── lodash.isplainobject@4.0.6
│   ├── pascalcase@0.1.1
│   └── xss-filters@1.2.7
├─┬ react-modal@1.6.4
│ ├── element-class@0.2.2
│ └── exenv@1.2.0
├─┬ react-popover@0.4.4
│ ├─┬ css-vendor@0.3.8
│ │ └── is-in-browser@1.0.2
│ ├─┬ lodash.throttle@3.0.4
│ │ └─┬ lodash.debounce@3.1.1
│ │   └── lodash._getnative@3.9.1
│ └─┬ object.assign@4.0.4
│   ├── define-properties@1.1.2
│   ├── function-bind@1.1.0
│   └── object-keys@1.0.11
├─┬ react-redux@4.4.6
│ ├── hoist-non-react-statics@1.2.0
│ └── invariant@2.2.2
├─┬ react-redux-form@1.5.0
│ ├── icepick@1.3.0
│ ├── lodash.get@4.4.2
│ └── lodash.topath@4.5.2
├── react-redux-forms@0.2.0 extraneous
├─┬ react-router@3.0.0
│ ├─┬ history@3.2.1
│ │ └─┬ query-string@4.2.3
│ │   └── strict-uri-encode@1.1.0
│ └── warning@3.0.0
├── react-router-redux@4.0.7
├─┬ react-select@1.0.0-rc.2
│ └── react-input-autosize@1.1.0
├── react-spinner@0.2.6
├── react-toggle@2.2.0
├─┬ redux@3.6.0
│ ├── lodash-es@4.17.3
│ └── symbol-observable@1.0.4
├── responsive-fixed-data-table@2.0.0
├─┬ sass-loader@4.1.1
│ └── async@2.1.4
├── serve-static@1.11.1
├── style-loader@0.13.1
├── tls@0.0.1
├── transform-loader@0.2.3
├─┬ twilio@3.0.0-rc.14
│ ├─┬ jsonwebtoken@5.4.1
│ │ └─┬ jws@3.1.4
│ │   ├── base64url@2.0.0
│ │   ├─┬ jwa@1.1.5
│ │   │ ├── buffer-equal-constant-time@1.0.1
│ │   │ └── ecdsa-sig-formatter@1.0.9
│ │   └── safe-buffer@5.0.1
│ ├── lodash@4.0.0
│ ├── moment@2.14.1
│ ├─┬ q@2.0.3
│ │ ├── asap@2.0.5
│ │ ├── pop-iterate@1.0.1
│ │ └── weak-map@1.0.5
│ ├─┬ request@2.74.0
│ │ ├─┬ bl@1.1.2
│ │ │ └── readable-stream@2.0.6
│ │ ├── form-data@1.0.1
│ │ └── node-uuid@1.4.7
│ ├── rootpath@0.1.2
│ └── scmp@0.0.3
├─┬ twilio-ip-messaging@0.10.12
│ ├─┬ backoff@2.5.0
│ │ └── precond@0.2.3
│ ├── durational@1.1.0
│ ├── javascript-state-machine@2.4.0
│ ├── loglevel@1.4.1
│ ├── platform@1.3.3
│ ├─┬ twilio-notifications@0.1.7
│ │ ├── bottleneck@1.15.0
│ │ └── twilio-transport@0.0.2
│ ├─┬ twilio-transport@0.0.5
│ │ └── xmlhttprequest@1.8.0
│ └─┬ twilsock@0.1.11
│   ├── urlencode@1.1.0
│   └─┬ ws@1.1.1
│     ├── options@0.0.6
│     └── ultron@1.0.2
├── uuid@2.0.3
├─┬ webpack@1.14.0
│ ├── acorn@3.3.0
│ ├── async@1.5.2
│ ├── clone@1.0.2
│ ├─┬ enhanced-resolve@0.9.1
│ │ └── memory-fs@0.2.0
│ ├── interpret@0.6.6
│ ├─┬ memory-fs@0.3.0
│ │ └─┬ errno@0.1.4
│ │   └── prr@0.0.0
│ ├─┬ node-libs-browser@0.7.0
│ │ ├── assert@1.4.1
│ │ ├─┬ browserify-zlib@0.1.4
│ │ │ └── pako@0.2.9
│ │ ├─┬ buffer@4.9.1
│ │ │ ├── base64-js@1.2.0
│ │ │ └── ieee754@1.1.8
│ │ ├─┬ console-browserify@1.1.0
│ │ │ └── date-now@0.1.4
│ │ ├── constants-browserify@1.0.0
│ │ ├─┬ crypto-browserify@3.3.0
│ │ │ ├── browserify-aes@0.4.0
│ │ │ ├── pbkdf2-compat@2.0.1
│ │ │ ├── ripemd160@0.2.0
│ │ │ └── sha.js@2.2.6
│ │ ├── domain-browser@1.1.7
│ │ ├── events@1.1.1
│ │ ├── https-browserify@0.0.1
│ │ ├── os-browserify@0.2.1
│ │ ├── path-browserify@0.0.0
│ │ ├── punycode@1.4.1
│ │ ├── querystring-es3@0.2.1
│ │ ├── stream-browserify@2.0.1
│ │ ├─┬ stream-http@2.5.0
│ │ │ ├── builtin-status-codes@2.0.0
│ │ │ └── to-arraybuffer@1.0.1
│ │ ├── string_decoder@0.10.31
│ │ ├── timers-browserify@2.0.2
│ │ ├── tty-browserify@0.0.0
│ │ ├─┬ url@0.11.0
│ │ │ ├── punycode@1.3.2
│ │ │ └── querystring@0.2.0
│ │ └─┬ vm-browserify@0.0.4
│ │   └── indexof@0.0.1
│ ├─┬ optimist@0.6.1
│ │ └── wordwrap@0.0.3
│ ├─┬ supports-color@3.1.2
│ │ └── has-flag@1.0.0
│ ├── tapable@0.1.10
│ ├─┬ uglify-js@2.7.5
│ │ ├── async@0.2.10
│ │ ├── uglify-to-browserify@1.0.2
│ │ └─┬ yargs@3.10.0
│ │   ├── camelcase@1.2.1
│ │   ├─┬ cliui@2.1.0
│ │   │ ├─┬ center-align@0.1.3
│ │   │ │ ├─┬ align-text@0.1.4
│ │   │ │ │ ├── longest@1.0.1
│ │   │ │ │ └── repeat-string@1.6.1
│ │   │ │ └── lazy-cache@1.0.4
│ │   │ ├── right-align@0.1.3
│ │   │ └── wordwrap@0.0.2
│ │   └── window-size@0.1.0
│ ├─┬ watchpack@0.2.9
│ │ ├── async@0.9.2
│ │ └─┬ chokidar@1.6.1
│ │   ├─┬ anymatch@1.3.0
│ │   │ └── arrify@1.0.1
│ │   ├── async-each@1.0.1
│ │   ├── UNMET OPTIONAL DEPENDENCY fsevents@^1.0.0
│ │   ├── glob-parent@2.0.0
│ │   ├─┬ is-binary-path@1.0.1
│ │   │ └── binary-extensions@1.8.0
│ │   ├── is-glob@2.0.1
│ │   └─┬ readdirp@2.1.0
│ │     └── set-immediate-shim@1.0.1
│ └─┬ webpack-core@0.6.9
│   └── source-map@0.4.4
├─┬ webpack-dev-server@1.16.2
│ ├── connect-history-api-fallback@1.3.0
│ ├─┬ http-proxy-middleware@0.17.3
│ │ ├─┬ http-proxy@1.16.2
│ │ │ ├── eventemitter3@1.2.0
│ │ │ └── requires-port@1.0.0
│ │ ├─┬ is-glob@3.1.0
│ │ │ └── is-extglob@2.1.1
│ │ └─┬ micromatch@2.3.11
│ │   ├─┬ arr-diff@2.0.0
│ │   │ └── arr-flatten@1.0.1
│ │   ├── array-unique@0.2.1
│ │   ├─┬ braces@1.8.5
│ │   │ ├─┬ expand-range@1.8.2
│ │   │ │ └─┬ fill-range@2.2.3
│ │   │ │   ├── is-number@2.1.0
│ │   │ │   ├── isobject@2.1.0
│ │   │ │   └── randomatic@1.1.6
│ │   │ ├── preserve@0.2.0
│ │   │ └── repeat-element@1.1.2
│ │   ├─┬ expand-brackets@0.1.5
│ │   │ └── is-posix-bracket@0.1.1
│ │   ├── extglob@0.3.2
│ │   ├── filename-regex@2.0.0
│ │   ├── is-extglob@1.0.0
│ │   ├─┬ kind-of@3.1.0
│ │   │ └── is-buffer@1.1.4
│ │   ├── normalize-path@2.0.1
│ │   ├─┬ object.omit@2.0.1
│ │   │ ├─┬ for-own@0.1.4
│ │   │ │ └── for-in@0.1.6
│ │   │ └── is-extendable@0.1.1
│ │   ├─┬ parse-glob@3.0.4
│ │   │ ├── glob-base@0.3.0
│ │   │ └── is-dotfile@1.0.2
│ │   └─┬ regex-cache@0.4.3
│ │     ├── is-equal-shallow@0.1.3
│ │     └── is-primitive@2.0.0
│ ├── open@0.0.5
│ ├─┬ serve-index@1.8.0
│ │ ├── batch@0.5.3
│ │ └─┬ debug@2.2.0
│ │   └── ms@0.7.1
│ ├─┬ sockjs@0.3.18
│ │ └─┬ faye-websocket@0.10.0
│ │   └─┬ websocket-driver@0.6.5
│ │     └── websocket-extensions@0.1.1
│ ├─┬ sockjs-client@1.1.1
│ │ ├─┬ eventsource@0.1.6
│ │ │ └─┬ original@1.0.0
│ │ │   └── url-parse@1.0.5
│ │ ├── faye-websocket@0.11.0
│ │ ├── json3@3.3.2
│ │ └─┬ url-parse@1.1.7
│ │   └── querystringify@0.0.4
│ ├── stream-cache@0.0.2
│ ├─┬ strip-ansi@3.0.1
│ │ └── ansi-regex@2.0.0
│ ├── supports-color@3.1.2
│ └─┬ webpack-dev-middleware@1.9.0
│   └── memory-fs@0.4.1
├── webworkify@1.4.0
├── webworkify-webpack@1.1.8
└── whatwg-fetch@2.0.1

cammanderson commented 7 years ago

Not a problem, I hope I can help :)

First, I can see your webpack configuration sits slightly different to the current recommended way Mapbox GL JS recommends. They recommend including the dist file directly. You can do this as an alias call, so that you aren't left setting up all the old dependencies (e.g. web workify, brfs etc). They made this breaking change in version 0.25.0 of mapbox.

You can see an example webpack configuration here I have created; https://github.com/AlpacaTravel/react-map-gl-alt/blob/master/example/webpack.config.js

Have a look specifically at the noParse and alias sections. You can see that they remain fairly minimal; noParse on migrations, and an alias include to the mapbox dist file for other mapbox calls.

Hopefully this helps!

If I get some time, I might try and change the method to include the dist file directly in the import statements. I'll create an additional ticket to address this.

avonian commented 7 years ago

I'm going to look into that and will report back tomorrow :smiley:

Thanks @cammanderson!

avonian commented 7 years ago

hey @cammanderson awesome, i was able to get it to load and work fine now by adding the noParse and alias sections, I really appreciate the help! You've been amazing, and thanks for the library, if there's somewhere I can donate please point me in the direction :)

AlpacaTravel / react-map-gl-alt

Runtime errors #2