As asnwered here by @mcortesi si elimina los sourceMaps de la consulta del cargador css, el css se construirá sin el uso de blob y las url de datos se analizarán bien

Para mí el problema era mi expresión regex. Lo siguiente hizo el truco para conseguir bootstrap trabajo

        { test: /\.(woff|ttf|eot|svg)(\?v=[a-z0-9]\.[a-z0-9]\.[a-z0-9])?$/, loader: 'url-loader?limit=100000' },

Al igual que con @user3006381 anterior, mi problema no era solo las URL relativas, sino que webpack colocaba los archivos como si fueran archivos javascript. Su contenido era básicamente:

module.exports = __webpack_public_path__ + "7410dd7fd1616d9a61625679285ff5d4.eot";

En el directorio fonts en lugar de las fuentes reales y los archivos de fuentes estaban en la carpeta de salida bajo códigos hash. Para arreglar esto, tuve que cambiar la prueba en mi url-loader (en mi caso mi procesador de imágenes) para no cargar la carpeta fonts. Todavía tenía que establecer la salida.publicPath en webpack.config.js as @ will-madden señala en su excelente respuesta.

Experimenté el mismo problema, pero por diferentes razones.

Después de que la solución de Will Madden no ayudó, probé todas las soluciones alternativas que pude encontrar a través de los Intertubos, también en vano. Explorando más, acabo de abrir uno de los archivos de fuentes en cuestión. El contenido original del archivo de alguna manera había sido sobrescrito por Webpack para incluir algún tipo de información de configuración, probablemente de retoques anteriores con el cargador de archivos. He reemplazado los archivos dañados con el originales, y voilà, los errores desaparecieron (tanto para Chrome y Firefox).

Sé que esto no responde a la pregunta exacta de OPs pero vine aquí con el mismo síntoma pero una causa diferente:

Tuve el.archivos scss de Slider Slick incluidos como este:

@import "../../../node_modules/slick-carousel/slick/slick.scss";

En una inspección más cercana resultó que el it estaba tratando de cargar la fuente desde una ubicación no válida (<host>/assets/css/fonts/slick.woff), la forma en que se hacía referencia desde la hoja de estilos.

Terminé simplemente copiando el /font/ a mi assets/css/ y el problema se resolvió para mí.

Puesto que utiliza url-loader:

El url-loader funciona como el file-loader, pero puede devolver un dataUrl si el archivo es más pequeño que un límite de bytes.

Así que otra solución a este problema sería hacer el límite lo suficientemente alto como para que los archivos de fuente se incluyan como dataUrl, por ejemplo a 100000 que son más o menos 100Kb:

{
  module: {
    loaders: [
      // ...
      {
        test: /\.scss$/,
        loaders: ['style', 'css?sourceMap', 'autoprefixer', 'sass?sourceMap'],
      },
      {
        test: /images\/.*\.(png|jpg|svg|gif)$/,
        loader: 'url-loader?limit=10000&name="[name]-[hash].[ext]"',
      },
      {
        test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
        use: 'url-loader?limit=100000&mimetype=application/font-woff',
      },
      {
        test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
        use: 'url-loader?limit=100000&mimetype=application/font-woff',
      },
      {
        test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
        use: 'url-loader?limit=100000&mimetype=application/octet-stream',
      },
      {
        test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
        use: 'file-loader',
      },
      {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        use: 'url-loader?limit=100000&mimetype=image/svg+xml',
      },
    ],
  },
}

Siempre teniendo en cuenta lo que representa el número límite:

Límite de bytes para archivos en línea como datos URL

De esta manera no es necesario especificar la URL completa de los activos. Lo cual puede ser difícil cuando desea que Webpack no solo responda desde localhost.

Solo una última consideración, esta configuración NO SE RECOMIENDA para la producción. Esto es solo para facilitar el desarrollo.

Si está utilizando Angular debe verificar para asegurarse de que su

<base href="/"> 

La etiqueta viene antes de tu paquete de hojas de estilo. Cambié mi código de esto:

 <script src="~/bundles/style.bundle.js"></script>
 <base href="~/" />

A esto:

 <base href="~/" />
 <script src="~/bundles/style.bundle.js"></script>

Y el problema se solucionó. Gracias a este post por abrir mis ojos.

A partir de 2018,

use MiniCssExtractPlugin

Para Webpack (>4.0) resolverá este problema.

Https://github.com/webpack-contrib/mini-css-extract-plugin

Usar extract-text-webpack-pluginen la respuesta aceptada es NO recomendado para Webpack 4.0+.