javascript - 纱表，拿不到/

Question

我试图通过 yarn、webpack 和 babel 让一些服务器端渲染为我的 react 项目工作。当我在终端中输入 yarn watch 时，程序编译正确，然后出现 localhost 窗口，显示“无法获取 /”。这是因为我需要一个输出（我认为），但我不确定如何正确创建一个。

下面是我的 webpack.config.js 文件中的代码：

const path = require("path");

module.exports = {
    devServer: {
        contentBase: path.resolve(__dirname, "./src" ),
        historyApiFallback: true,
        writeToDisk: true,
    },
    entry: path.resolve(__dirname, "./src/index.js" ),

    module: {
        rules: [
            {
                test: /\.js$/, exclude: /node_modules/, use:"babel-loader"
                
            },
            {
                test: /\.css$/i,
                use: ["css-loader"]
            
            },
            {
                test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
                use: ["url-loader"]
            },
           
        ]
    },

    output: {
        path: __dirname + '/dist',
        filename: "bundle.js"
    },

    
    
};

输出中的 Bundle.js 文件名是在 index.html 内的公用文件夹中创建的。

 <script src="bundle.js"></script>

抱歉，如果这没有任何意义，但我不明白这如何无法正常工作。

标签： javascriptreactjswebpackjsx