加载器Webpack“您可能需要一个适当的加载器来处理此文件类型，当前没有配置任何加载器来处理此文件。”

Question

我有一个问题，在scss中添加后台url时漏掉了一些加载器...你有什么想法吗？

./element/about/landing/landing/tlowo_podstawowe/tlowo.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",
        ],
      }
    ]
  }
};

Answer 1

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