Loader Webpack “你可能需要一个合适的加载器来处理这个文件类型，目前没有配置加载器来处理这个文件。”

Posted 2023-02-22

【中文标题】Loader Webpack “你可能需要一个合适的加载器来处理这个文件类型，目前没有配置加载器来处理这个文件。”

【英文标题】：Loader Webpack "You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file."

【发布时间】：2021-08-03 02:23:46

【问题描述】：

我有一个问题，我在scss中添加背景url时错过了一些加载器......你有什么想法吗？

./element/about/LANDING/LANDING/tło_podstawowe/tło.png 1:0 中的错误 模块解析失败：意外字符 '�' (1:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders （此二进制文件省略了源代码） @ ./element/scss/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./element/scss/main.scss) 5 :0-92 7:73-102 @ ./element/scss/main.scss @ ./element/src/app.js

const path = require("path");
const entryPath = "element";

module.exports = 
  entry: `./$entryPath/src/app.js`,
  output: 
    filename: "out.js",
    path: path.resolve(__dirname, `$entryPath/build`)
  ,
  devServer: 
    contentBase: path.join(__dirname, `$entryPath`),
    publicPath: "/build/",
    compress: true,
    port: 3001,
    historyApiFallback: true
  ,
  module: 
    rules: [
      
        test: /\.js$|jsx/,
        exclude: /node_modules/,
        loader: "babel-loader",
      ,
      
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          "sass-loader",
        ],
      
    ]
  
;

【参考方案1】：

将您的公共路径更改为相对路径，而不是绝对的“./build/”