Вебпак не запускается — режим mode ненайден?

Question

[Николай Нападайло]

пытаюсь запустить сборщик в любом из режимов показывает одно и то же сообщение

webpack.config.js

const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const webpack = require("webpack");

module.exports = {
mode: "development",
entry: "./src/index.js",
output: {
path: __dirname + "/dist",
filename: "[name].js",
},
module: {
rules: [
{
test: /\.scss$/i,
// use: ["style-loader", "css-loader"],
use: [
mode === "development" ? "style-loader" : MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader",
],
},
],
},
plugins: [
new MiniCssExtractPlugin({
filename: "style.css",
}),
new HtmlWebpackPlugin({
filename: "main.html",
template: "./src/index.html",
}),
],
};

"devDependencies": {
"css-loader": "^6.7.1",
"html-webpack-plugin": "^5.5.0",
"mini-css-extract-plugin": "^2.6.0",
"sass-loader": "^12.6.0",
"style-loader": "^3.3.1",
"ts-loader": "^9.2.8",
"webpack": "^5.70.0",
"webpack-cli": "^4.9.2",
"webpack-dev-server": "^4.7.4"
}

"scripts": {
"start": "webpack serve --open ",
"server": "webpack-dev-server",
"build": "webpack --mode=production"
},

сама ошибка ->
[webpack-cli] Failed to load '/Users/Desktop/try/36/webpack.config.js' config
[webpack-cli] ReferenceError: mode is not defined

либо выкидывает такое
[webpack-cli] For using 'serve' command you need to install: 'webpack-dev-server' package.
[webpack-cli] Would you like to install 'webpack-dev-server' package? (That will run 'npm install -D webpack-dev-server') (Y/n)

при установке пакета- говорит что пакет ненайден

Comments

[WapSter]

Ну так у тебя нет переменной mode. И если просит установить пакет может стоит его установить?
https://webpack.js.org/configuration/mode/

Answer 1

[Дмитрий Беляев]

mode === "development" ? "style-loader" : MiniCssExtractPlugin.loader,

вот на этой строке Вы обращаетесь к переменной mode, которая нигде не объявлена