Question

每次尝试启动应用程序时都会遇到一些错误。我真的很想帮忙调试一下。

这些是我的错误：

拒绝从“ http://127.0.0.1:8080/scripts/bundle.js”执行脚本，因为其MIME类型（'text / html'）无法执行，并且启用了严格的MIME类型检查。

获取http://127.0.0.1:8080/scripts/bundle.js净值：: ERR_ABORTED 404（未找到）

这是我的webpack配置文件：

var path = require('path');

module.exports = [
    {
      entry: './assets/stylesheets/app.scss',
      output: {
        // This is necessary for webpack to compile
        // But we never use style-bundle.js
        path: path.join(__dirname, 'public/scripts'),
        filename: 'style-bundle.js',
      },      
      devServer: {
        contentBase: "./public",
        hot: true
      },
      module: {
        rules: [{
          test: /\.scss$/,
          use: [
            {
              loader: 'file-loader',
              options: {
                name: 'bundle.css',
              },
            },
            { loader: 'extract-loader' },
            { loader: 'css-loader' },
            {
              loader: 'sass-loader',
              options: {
                includePaths: ['./node_modules'],
              }
            },
          ]
        }]
      },
    },
    {
      entry: "./src/app.js",
      output: {
        path: path.join(__dirname, 'public/scripts'),
        filename: "bundle.js"
      },
      devServer: {
        contentBase: "./public",
        hot: true
      },
      module: {
        loaders: [{
          test: /\.js$/,
          loader: 'babel-loader',
          query: {
            presets: ['env','react']
          }
        }]
      },
    }
  ];

有什么我想念的吗？？

Answer 1

我能够使用不同的配置模拟相同的404错误。长话短说：

您是否运行过webpack-dev-server？
您的package.json可以吗？
相关的html文件（index.html）是否可以？使用bundle.js和路径注意脚本标签
在webpack.config.js上使用devServer检查并修复contentBase
module.exports-您只需一次devServer。

示例： devServer：{ contentBase：path.join（__ dirname，'public / scripts'），热门：真实 }

contentBase必须具有这样的完整路径。

使用react调试webpack配置

1 个答案: