Saya ingin dapat mengimpor gambar seperti:
import image from './image.png; // image variable should have static url
Pemuat saya terlihat seperti ( next.config.js
):
module.exports = {
webpack: config => {
// handle images
config.module.rules.push({
test: /\.(ico|gif|png|jpg|jpeg|svg|webp)$/,
use: [
{
loader: 'emit-file-loader',
options: {
name: 'dist/[path][name].[ext]',
},
},
{
loader: 'file-loader',
options: {
context: 'public',
name: '/static/images/[name]-[hash].[ext]',
publicPath: '/',
},
},
],
});
return config;
},
};
Hasilnya hampir bagus.
File gambar ada di dalam .next/static/images/image-ef89065b898bb1e3e802c62e4b264417.png
Variabel image
adalah /static/images/image-ef89065b898bb1e3e802c62e4b264417.png
, tetapi ketika mencoba memuat gambar dengan http://localhost:3000/static/images/image-ef89065b898bb1e3e802c62e4b264417.png
saya mendapatkan kesalahan 404.
Ada ide?
hal. Saya tidak ingin memindahkan file secara manual ke folder static
. Saya ingin gambar yang terkait dengan beberapa komponen berada di folder yang sama dengan komponen itu sendiri`
Saat ini hal ini tidak mungkin.
Kita mungkin melakukan sesuatu untuk ini lebih cepat.
Ada berita tentang ini?
Komentar yang paling membantu
Saat ini hal ini tidak mungkin.
Kita mungkin melakukan sesuatu untuk ini lebih cepat.