小编Iva*_*ant的帖子

使用 nextjs 放大时,React 图像放大镜不起作用

我想让图像在悬停时放大并使用这个插件,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)

javascript reactjs next.js

3
推荐指数
1
解决办法
6451
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1