GabLeRoux / GabLeRoux/rails-webpacker-scss-example

"TypeError: Cannot read property 'compile' of undefined" when running webpack-dev-server

Open
#2 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Ruby
Stars
7
Forks
2
PR merge metrics
No merged PRs in 30d

Description

```bash
docker-compose exec web webpack-dev-server
```

```
/app/node_modules/webpack-dev-server/bin/webpack-dev-server.js:405
throw e;
^

TypeError: Cannot read property 'compile' of undefined
at addCompilerHooks (/app/node_modules/webpack-dev-server/lib/Server.js:71:16)
at new Server (/app/node_modules/webpack-dev-server/lib/Server.js:81:5)
at startDevServer (/app/node_modules/webpack-dev-server/bin/webpack-dev-server.js:398:14)
at processOptions (/app/node_modules/webpack-dev-server/bin/webpack-dev-server.js:361:5)
at Object. (/app/node_modules/webpack-dev-server/bin/webpack-dev-server.js:504:1)
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
```

I get this after running instructions from readme, but `webpack` command dows succeed:

```bash
docker-compose exec web webpack
```

```
Hash: fa22d2007227fbc4a9ea
Version: webpack 3.11.0
Time: 10251ms
Asset Size Chunks Chunk Names
application-7f3894b1407a30efc22d.js 3.69 kB 0, 1 [emitted] application
stylesheets/application-51d53d8a577eadc9aede.js 2.83 kB 1 [emitted] stylesheets/application
application-fe0d71774faee3f186cb985474e389a7.css 115 bytes 0, 1 [emitted] application
stylesheets/application-fe0d71774faee3f186cb985474e389a7.css 115 bytes 1 [emitted] stylesheets/application
application-7f3894b1407a30efc22d.js.map 3.51 kB 0, 1 [emitted] application
application-fe0d71774faee3f186cb985474e389a7.css.map 332 bytes 0, 1 [emitted] application
stylesheets/application-51d53d8a577eadc9aede.js.map 2.76 kB 1 [emitted] stylesheets/application
stylesheets/application-fe0d71774faee3f186cb985474e389a7.css.map 344 bytes 1 [emitted] stylesheets/application
manifest.json 714 bytes [emitted]
[0] ./app/javascript/packs/stylesheets/application.scss 41 bytes {0} {1} [built]
[1] ./app/javascript/packs/application.js 559 bytes {0} [built]
[2] ./node_modules/css-loader??ref--2-2!./node_modules/postcss-loader/lib??ref--2-3!./node_modules/sass-loader/lib/loader.js??ref--2-4!./app/javascript/packs/stylesheets/application.scss 443 bytes [built]
+ 3 hidden modules
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--2-2!node_modules/postcss-loader/lib/index.js??ref--2-3!node_modules/sass-loader/lib/loader.js??ref--2-4!app/javascript/packs/stylesheets/application.scss:
[0] ./node_modules/css-loader??ref--2-2!./node_modules/postcss-loader/lib??ref--2-3!./node_modules/sass-loader/lib/loader.js??ref--2-4!./app/javascript/packs/stylesheets/application.scss 443 bytes {0} [built]
+ 1 hidden module
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the README command with `docker-compose exec web webpack-dev-server`, then compare it with the successful `webpack` command. Start at `node_modules/webpack-dev-server/lib/Server.js` and its `addCompilerHooks` stack frame, checking the project's webpack configuration and reported webpack 3.11.0 setup. Done means the documented dev-server command starts without the TypeError.

Written by the indexing model from the issue text.

Assessment

Tech stack
docker-compose, javascript, webpack
Domain
build-system
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.