Выдает ошибку webpack-cli Error: EROFS: read-only file system, mkdir '/src'?

Question

[timoninas1]

Конфиг вебпака

const HtmlWebpackPlugin = require('html-webpack-plugin');
const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const path = require('path');
const fs = require('fs');

const  PATHS  =  {
    public:  path.resolve(__dirname,  'src'),
};

const PAGES_DIR = `${PATHS.public}/views/`;
const PAGES = fs.readdirSync(PAGES_DIR).filter(fileName => fileName.endsWith('.pug'));

module.exports = {
    entry: {
        'main': PATHS.public + '/main.js',
    },
    output: {
        path: path.resolve(__dirname, '/src/dist'),
        filename: '[name].[fullhash:8].js',
        sourceMapFilename: '[name].[fullhash:8].map',
        chunkFilename: '[id].[fullhash:8].js'
    },

    devtool: 'source-map',

    module: {
        rules: [
            {
                test: /\.js$/,
                use: ['babel-loader'],
                exclude: /node_modules/
            },

            { test: /\.(png|jpg|gif|svg)$/, use: [
                    {
                        loader: 'url-loader',
                        options: {
                            mimetype: 'image/png',
                        },
                    },
                ]},

            {
                test: /\.scss$/i,
                use: ['style-loader', 'css-loader', 'sass-loader'],
                exclude: /node_modules/,
            },

            {
                test: /\.(woff|woff2|ttf|eot)$/,
                use: 'file-loader?name=fonts/[name].[ext]!static'
            },

            {
                test: /\.pug$/,
                use: ['pug-loader'],
            },
        ]
    },

    devServer: {
        contentBase: 'src',
        historyApiFallback: true,
        hot: true,
        port: 3000,
        watchContentBase: true,
    },

    plugins: [
        ...PAGES.map(page => new HtmlWebpackPlugin({
            template: `${PAGES_DIR}/${page}`,
            filename: `./${page.replace(/\.pug/,'.html')}`
        })),
        new Dotenv(),
        new HtmlWebpackPlugin({
            template: 'src/index.html',
            filename: 'index.html',
            inject: 'body'
        })
    ],

    optimization: {
        minimize: true,
        splitChunks: {
            minChunks: Infinity,
            chunks: 'all'
        }
    }
}

Выдает ошибку

> netflix@1.0.0 build /Users/antontimonin/Desktop/git/2021_1_RedTech
> webpack --mode=production --config ./webpack.config.js

[webpack-cli] [Error: EROFS: read-only file system, mkdir '/src'] {
  errno: -30,
  code: 'EROFS',
  syscall: 'mkdir',
  path: '/src'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! netflix@1.0.0 build: `webpack --mode=production --config ./webpack.config.js`
npm ERR! Exit status 2
npm ERR!

Собираю через команду

webpack --mode=production --config ./webpack.config.js

В чем может быть проблема?

Answer 1

[krifoElectron]

resolve с join перепутан

path: path.resolve(__dirname, '/src/dist'), // будет от самого корня (не корня проекта): /src/dist, поэтому он и говорит, "что read-only file system"

path: path.resolve(__dirname, '/src/dist'), // а так норм будет - от корня проекта: /path/to/project/src/dist