warning Invalid next.config.js when running project - nextJs

Viewed 100

When I want to run my project i have these three warnings:

1-
warn  - Invalid next.config.js options detected:  The root value has an unexpected property, webpack5, which is not in the list of allowed properties (amp, analyticsId, assetPrefix, basePath, cleanDistDir, compiler, compress, crossOrigin, devIndicators, distDir, env, eslint, excludeDefaultMomentLocales, experimental, exportPathMap, future, generateBuildId, generateEtags, headers, httpAgentOptions, i18n, images, onDemandEntries, optimizeFonts, output, outputFileTracing, pageExtensions, poweredByHeader, productionBrowserSourceMaps, publicRuntimeConfig, reactStrictMode, redirects, rewrites, sassOptions, serverRuntimeConfig, staticPageGenerationTimeout, swcMinify, trailingSlash, typescript, useFileSystemPublicRoutes, webpack).

2-
warn  - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/basic-features/fast-refresh#how-it-works

3-
warn  - ./node_modules/next-i18next/dist/commonjs/serverSideTranslations.js
Critical dependency: the request of a dependency is an expression

This is my next.config.js:

const {i18n} = require('./next-i18next.config')
const withVideos = require('next-videos')
module.exports = withVideos({
  reactStrictMode : true,
  i18n,
  webpack5: true,
  webpack: (config) => {
    config.resolve.fallback = { fs: false };

    return config;
  },
})

I even tried this:

/**
 * @type {import('next').NextConfig}
 */
 const {i18n} = require('./next-i18next.config')
 const withVideos = require('next-videos')

 const nextConfig = {
  reactStrictMode : true,
  i18n,
  webpack5: true,
  webpack: (config) => {
    config.resolve.fallback = { fs: false };

    return config;
  },
}

module.exports = withVideos(nextConfig)

Result was same.

0 Answers
Related