React and webpack examples don't work

[Irev-Dev]

Bug Report

Steps to Reproduce:

• Clone repo
• cd into examples/react or examples/webpack
• yarn install
• yarn start

Maybe there are steps I'm missing but there were no instructions for how to boot up the examples so I assumed yarn install && yarn start would work. Is that a bad assumtion?

Expected Result:

The example project runs

Actual Result:

log output for react example:

$yarn start
yarn run v1.22.10
$ webpack-dev-server --open
internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- /perspective/node_modules/webpack-dev-server/bin/webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (/perspective/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/perspective/node_modules/webpack-dev-server/bin/webpack-dev-server.js'
  ]
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

log output for webpack example:

$yarn start
yarn run v1.22.10
$ webpack serve
[webpack-cli] Failed to load '/perspective/examples/webpack/webpack.config.js'
[webpack-cli] Error: Cannot find module '@finos/perspective/dist/esm/config'
Require stack:
- /perspective/packages/perspective-webpack-plugin/index.js
- /perspective/examples/webpack/webpack.config.js
- /perspective/node_modules/webpack-cli/lib/webpack-cli.js
- /perspective/node_modules/webpack-cli/lib/bootstrap.js
- /perspective/node_modules/webpack-cli/bin/cli.js
- /perspective/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (/perspective/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at Object.<anonymous> (/perspective/packages/perspective-webpack-plugin/index.js:10:22)
    at Module._compile (/perspective/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/perspective/packages/perspective-webpack-plugin/index.js',
    '/perspective/examples/webpack/webpack.config.js',
    '/perspective/node_modules/webpack-cli/lib/webpack-cli.js',
    '/perspective/node_modules/webpack-cli/lib/bootstrap.js',
    '/perspective/node_modules/webpack-cli/bin/cli.js',
    '/perspective/node_modules/webpack/bin/webpack.js'
  ]
}
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Environment:

v0.8.0 but since this version is only a day old I also tried v0.7.0
I've tried on mac and windows and get the same result.

[texodus]

Documentation for running the examples is in the developers guide. You must run a local build and then use e.g. yarn start webpack from the project root.

[alexrhogue]

This makes sense. Maybe we can add a README to the /examples directory with a callout to that page? Like @Irev-Dev, I naively tried to cd into the "react-example" directory tried to run it.