Question

在反应中使用express时，

bundle.js文件未加载到我的html文件中。我的项目目录结构是

|-dist
|-node-modules
|-public
|--index.html
|-server
|--index.js
|-src
|--index.js
|-package.json
|-webpack.config.js

index.html文件如下所示

<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  </head>
  <body>
    <script type="text/javascript" src="/../dist/bundle.js"></script>
    <div id="root">Hello</div>
</body>
</html>

服务器目录中的

和index.js如下

var express = require('express');
var path = require("path");
var app = express();

//var render = require("../dist/bundle");
app.get("/", (req,res)=>res.sendFile(path.resolve(__dirname+'/../public/index.html')));

var port = 8080;
app.listen(port,()=>console.log("Listening on port 8080"));

和webpack.config.js是

var path = require('path');

module.exports = {
    entry:"./src/index.js",
    output:{
        filename:"bundle.js",
        path:path.resolve(__dirname,"dist")
    },
    module:{
        rules:[
            {
                test:/\.(js|jsx)$/,
                exclude: /node_modules/,
                use: {
                loader: 'babel-loader',
                options: {
                  presets: ['@babel/preset-env',"@babel/preset-react"]
                }
              }
            }
        ],
    },  
};

ERR_ABORTED 404（未找到），并拒绝执行脚本，因为其MIME类型（'text / html'）不可执行

0 个答案: