Получаю ошибки при запуске команды webpack serve

package.json:

{
  "name": "movie-gallery",
  "version": "1.0.0",
  "main": "app.js",
  "scripts": {
    "start": "webpack serve --mode development --open",
    "build": "webpack --mode production"
  },
  "repository": "https://github.com/private-doggo/final-project.git",
  "author": "Ryhor Aŭrukievič <[email protected]>",
  "license": "MIT",
  "devDependencies": {
    "sass": "^1.32.12",
    "sass-loader": "^11.0.1",
    "webpack": "^5.36.1",
    "webpack-cli": "^4.6.0",
    "webpack-dev-server": "^3.11.2"
  }
}

webpack.config.js:

const path = require('path')

module.exports = {
  entry: './src/app.js',
  output: {
    filename: 'bundle.[chunkhash].js',
    path: path.resolve(__dirname, 'public')
  },
  devServer: {
    port: 3000
  },
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          "sass-loader",
        ],
      },
    ],
  },
}

Ошибка: введите сюда описание изображения

При запуске npm run build создается пустой bundle.js файл (хотя в видео-туториале там был код от webpack).

Как решить эти проблемы?


Ответы (0 шт):