Webpack“找不到模塊：錯誤：無法解析'./src/'”

Question

我有兩個 HTML 頁面，每個頁面都包含它自己的包。 這是我的項目結構：

public/
-- dist/
src/
-- firebase/
-- network/
webpack.config.js

這是我的 webpack 配置：

const path = require('path');
const CleanTerminalPlugin = require('clean-terminal-webpack-plugin');

module.exports = {
    mode: "development",
    entry: {
        network: path.resolve(__dirname, 'src') + '/network/index.ts',
        firebase: path.resolve(__dirname, 'src') + '/firebase/index.ts'
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/,
            },
        ],
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js'],
    },
    output: {
        path: path.resolve(__dirname, 'public') + '/dist',
    },
    plugins: [new CleanTerminalPlugin()]
};

我希望這會在public/dist中創建兩個名為firebase.js和network.js的包。 相反，我得到一個錯誤：

ERROR in main Module not found: Error: Can't resolve './src/' in 'path/to/project/root'

它還說Field 'browser' doesn't contain a valid alias configuration /path/to/project/root/src/index doesn't exist並對.tsx 、 .ts和.js重復

我不知道它為什么要在我的src/中尋找index.*文件。 我沒有將其指定為入口文件。 如果我創建一個src/index.ts它會構建，但只會創建一個名為main的包，這不是我的預期行為。

Answer 1

它最終成為一個非常愚蠢的問題，但我會發布答案以防有人需要它。

我正在使用webpack./src調用 webpack，但沒有webpack的./src按預期工作。