下一个图像和下一个视频不能正常工作。

Question

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

这是我在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