Реагируйте на компонент через пользовательский пакет npm. модуль не найден

Question

Я пытаюсь создать собственный пакет npm, который позволит мне импортировать некоторые из моих компонентов в несколько проектов. Вчера я написал простой пакет, который можно найти здесь: demo npm package . Это простой начальный проект, который имеет конфигурацию webpack и использует npx babel для переноса и копирования файлов в папку dist и lib.

Если я включу этот пакет в свой проект, он будет работать, но не так, как я ожидал. когда я использую следующий код:

import {NavBar, HelloLib} from "testprivatenprodney;

выдает ошибку «Модуль не найден».

когда я использую

import { NavBar, HelloLib } from "testprivatenprodney/lib/HelloLib";

, он работает до тех пор, покаКомпонент navBar не имеет дочерних компонентов. Если это так, я снова получаю сообщение «Модуль не найден».

Я думаю, что что-то не хватает в конфигурации моего веб-пакета. все же все, что я могу найти, это иметь массив разрешения, который включен.

const webpack = require("webpack");

module.exports = {
    devtool: "source-map",
    entry: "./src/index.js",
    output: {
        path: __dirname + "/dist",
        publicPath: "/",
        filename: "bundle.js"
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                use: ["babel-loader"]
            },
            {
                test: /\.css$/,
                loaders: ["style-loader", "css-loader"]
            }
        ]
    },
    resolve: {
        extensions: [".js", ".jsx"]
    },
    plugins: [
        new webpack.DefinePlugin({
            "process.env": {
                NODE_ENV: JSON.stringify("production")
            }
        })
    ]
};

любая помощь будет высоко ценится.