The getting started guide: issues

[andreidiaconescu]

Bug report

I tried to follow the steps in the Getting Started guide (https://github.com/material-components/material-components-web/blob/master/docs/getting-started.md) but i was not able to access in the browser the url: http://localhost:8080/ because i received an error: Cannot GET /

Steps to reproduce

1. follow the steps in the getting started guide starting from: "Using MDC Web with Sass and ES2015"
2. do the steps in "Step 1: Webpack with Sass"
3. ... and step by step reach the step where it says: "And open http://localhost:8080/ in a browser. You should see a blue “Hello World”."
4. i get an error in the browser: "Cannot GET /"

Actual behavior

I get an error in the browser: "Cannot GET /"

Expected behavior

According to the Getting started guide i should see: a blue “Hello World"

Your Environment:

Software	Version(s)
MDC Web	did not reach that step, the error produces earlier
Browser	Firefox
Operating System	Ubuntu 20.04

Possible solution

I found a fix:

1. add to the file webpack.config.js the following section which configures webpack-dev-server:

   devServer: {
     static: {
       directory: __dirname,
     },
     compress: true,
   },

2. change the "babel-loader" from

     {
       test: /\.js$/,
       loader: 'babel-loader',
       query: {
         presets: ['@babel/preset-env'],
       },
     }

   to

      {
         test: /\.js$/,
         loader: "babel-loader",
         options: {
           presets: ["@babel/preset-env"],
         },
       },

3. add mode: "development",

   module.exports = [
   {
   mode: "development",
   ..........................................................

4. to enable ripple effect also add class mdc-ripple-surface to button .foo-button

[home-gihub]

what do you mean by "add to the file webpack.config.js the following section"