加載程序 Webpack “您可能需要適當的加載程序來處理此文件類型，目前沒有配置加載程序來處理此文件。”

Question

我有一個問題，在 scss 中添加背景 url 時我錯過了一些加載程序......你知道嗎？

錯誤 in./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", ], } ] } };

Answer 1

將您的公共路徑更改為相對路徑，而不是絕對的 './build/'