0

我有一个单水疗设置，在使用 webpack4 运行时效果很好

升级到 webpack 5 后，我遇到了很多以下错误：

拒绝应用来自 'http://localhost:5000/assets/css/style.bundle.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

我已经用谷歌搜索了几个小时而无法解决这个问题。

我的 webpack 配置文件是：

const path = require('path');
const { merge } = require('webpack-merge');
const singleSpaDefaults = require('webpack-config-single-spa');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = (webpackConfigEnv, argv) => {
  const orgName = 'ringana';
  const defaultConfig = singleSpaDefaults({
    orgName,
    projectName: 'root-config',
    webpackConfigEnv,
    argv,
    disableHtmlGeneration: true,
    // publicPath: '/',
  });

  return merge(defaultConfig, {
    // modify the webpack config however you'd like to by adding to this object
    plugins: [
      new HtmlWebpackPlugin({
        inject: false,
        template: 'src/index.ejs',
        templateParameters: {
          isLocal: webpackConfigEnv && webpackConfigEnv.isLocal,
          orgName,
        },
      }),
    ],
    output: {
      filename: 'root-config.js',
      libraryTarget: 'system',
      path: path.resolve(__dirname, 'dist'),
      // publicPath: '/',
      clean: true,
    },
    module: {
      rules: [
        {
          test: /\.css$/i,
          use: ['style-loader', 'css-loader'],
        },
        {
          test: /\.(png|svg|jpg|jpeg|gif)$/i,
          type: 'asset/resource',
        },
        // {
        //   test: /\.scss$/,
        //   loaders: ['style-loader', 'css-loader', 'sass-loader'],
        // },
      ],
    },
    devServer: {
      static: ['assets'],
      open: true,
      hot: true,
      headers: {
        'Access-Control-Allow-Origin': '*',
        // 'X-Content-Type-Options': 'nosniff',
      },
      allowedHosts: 'all',
      historyApiFallback: true,
      // client: {
      //   logging: 'info',
      //   progress: true,
      //   overlay: {
      //     errors: true,
      //     warnings: true,
      //   },
      // },
    },
  });
};
4

0 回答 0