下一张图片和下一张视频无法正常工作

Question

在我的 next.js 应用程序中，我使用 next-images, next-videos 来导入本地视频。

这是我在 next.config.js 文件中的配置

const withCSS = require('@zeit/next-css')
module.exports = withCSS();

const withImages = require("next-images");
module.exports = withImages();

const withVideos = require('next-videos')
module.exports = withVideos();

我的问题是加载的两个模块中最新的一个可以工作，而前一个模块不会

例如，在上述情况下，视频文件将被成功加载，但图像不会，它会抛出一个错误，指出没有为此类文件配置合适的加载器，如果我更改导入两个模块的顺序这次会加载图像而不会加载视频。

有人可以帮助我了解发生了什么吗？

Answer 1

我将所有导出合并为一个导出，现在可以正常工作了

const withImages = require("next-images");
const withCSS = require('@zeit/next-css')
const withVideos = require('next-videos')


module.exports = withCSS(withImages(withVideos()));

另一种更好的方法是使用 next-compose-plugins，如 ddon-90 在本帖

中所述

How to combine and use multiple Next.js plugins

下一张图片和下一张视频无法正常工作

next-images and next-videos are not working properly

reactjs

webpack

next.js