bradtraversy / rxjs_boiler

Boilerplate for building RxJS applications with Webpack and Babel

RxJS Boiler

Boilerplate for building RxJS applications in a Webpack environment

Note: The video explaining RxJS and making use of this repo is located here:

https://www.youtube.com/watch?v=ei7FsoXKPl0

Version

1.0.0

This uses RxJS version 5 - https://github.com/ReactiveX/rxjs

Usage

Installation

RxJS Boiler requires Node.js v4+ to run.

Install dependencies (Webpack, Babel, RxJS 5, jQuery)

$ npm install

Compile

To compile all js to dist/app.bundle.js

$ webpack

To watch run

$ webpack -w

Run

Install live-server globally

$ npm install live-server -g

$ npm start

Visit http://localhost:8000

rxjs_boiler's Issues

Getting Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema error

Hi Brad,

Thank you for a wonderful and really helpful series of videos on angular and RXJS. I was following along the video and when running webpack -w (watch mode) I am getting the following error

`⬢ webpack: ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.

• configuration.module has an unknown property 'loaders'. These properties are valid:
  object { defaultRules?, exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, generator?, noParse?, parser?, rules?, strictExportPresence?, strictThisContextOnImports?, unknownContextCritical?,
  unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp? }
  -> Options affecting the normal modules (NormalModuleFactory).
  Did you mean module.rules or module.rules.*.use?
• configuration.output.path: The provided value "./dist" is not an absolute path!
  -> The output directory as absolute path (required).

⬢ webpack: TypeError: Cannot read properties of undefined (reading 'compilers')
at Compiler.webpackInstance (C:\Users\rbutt\AppData\Roaming\npm\node_modules\webpack-cli\lib\utils\Compiler.js:165:27)
at WebpackCLI.run (C:\Users\rbutt\AppData\Roaming\npm\node_modules\webpack-cli\lib\webpack-cli.js:266:48)
at async runCLI (C:\Users\rbutt\AppData\Roaming\npm\node_modules\webpack-cli\lib\bootstrap.js:74:28)`

I did some R&D to fix them but not sure what is causing the problem.

Can you please help me with this error and advice how to fix this?

Many thanks once again.

Regards,
/Rizwan