我想让图像在悬停时放大并使用这个插件,react-image-magnifiers通常当我不使用这个插件时就可以了,next.js但是当我只使用next.js显示图像并且当我尝试将鼠标悬停在图像上,然后放大不起作用时,也许有任何问题我的错误next.config.js?
这是我的next.config.js
const withPlugins = require('next-compose-plugins');
const withCss = require('@zeit/next-css');
const withSass = require('@zeit/next-sass');
const withImages = require('next-images');
const nextSettings = {
exportTrailingSlash: true,
exportPathMap: function() {
return {
'/': { page: '/' },
};
},
};
module.exports = withPlugins([[withSass(withCss({
webpack: function (config) {
config.module.rules.push({
test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
use: {
loader: 'url-loader',
options: {
limit: 100000,
name: '[name].[ext]'
}
}
})
return config
}
})), withImages()]]);
Run Code Online (Sandbox Code Playgroud)
这是我的 Gallery.jsx
import React from "react"; …Run Code Online (Sandbox Code Playgroud)