Ошибка сервера разработки веб-пакетов при использовании рабочих областей пряжи

Question

Я получил ошибку "webpack-dev-server error cannot find module 'webpack-cli/bin/config/config-yargs" при установке webpack, webpack-cli и webpack-dev-server в рабочей области пряжи. Эта проблема не возникает при установке их в репозиторий.

Я проверил node_modules в root и в дочернем модуле. Похоже, этот файл config / config-yargs установлен в модуле node_module CHILD , но не в ROOT one.

Я должен его скопировать вручную от ребенка до root, чтобы это работало.

Есть ли способ установить это правильно?

Мой root пакет. json:

{
    "private": true,
    "workspaces": [
        "packages/server",
        "packages/front", <-- webpack has been installed her
    ],
    "name": "test",
    "version": "1.0.0",
    "main": "index.js",
    "license": "MIT"
}

часть дочернего пакета. json

{
"devDependencies": {
        "@babel/core": "^7.8.4",
        "@babel/preset-env": "^7.8.4",
        "@babel/preset-react": "^7.8.3",
        "@babel/preset-typescript": "^7.8.3",
        "typescript": "^3.7.5",
        "webpack": "^4.41.6",
        "webpack-cli": "^3.3.11",
        "webpack-dev-server": "^3.10.3"
}

webpack.config. js

const path = require("path");
const rules = [
    {
        test: /\.(tsx)$/,
        exclude: /node_modules/,
        loader: "babel-loader",
    },
    {
        test: /\.css$/,
        loader: ["style-loader", "css-loader"],
    },
];
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    target: "web",
    mode: "development",
    entry: "./src/examples/index.tsx",
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "bundle.js",
    },
    module: { rules },
    resolve: {
        extensions: [".ts", ".tsx", ".js"],
    },
    devServer: {
        contentBase: "./",
        port: 5000,
        historyApiFallback: true, 
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: "react typescript babel webpack boilerplate",
            template: "index.html",
        }),
    ],
};