next-images 和 next-videos 无法正常工作

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