Hola, el problema al que nos enfrentamos es querer crear una siguiente configuración dinámica. Esto funciona bien cuando no importamos ningún archivo, pero cuando intentamos importar un archivo constante en next.config.mjs, las cosas fallan.
Estamos en la próxima versión 12.1 para usar la variante MJS del archivo de configuración.
El archivo constante es un archivo JS simple con algunos valores para determinar las configuraciones regionales que necesitamos usar para las diferentes marcas que admitimos. Estos se usan en múltiples lugares, es por eso que no queremos codificar estos valores aquí también.
import { locales } from './src/constants/locales'; // It breaks on this import const currentPlatform = process.env.NEXT_PUBLIC_PLATFORM; module.exports = () => ({ i18n: { localeDetection: false, ...locales[currentPlatform], }, images: { domains: [ // Our domains ], }, async rewrites() { return [ // Our rewrites ]; }, webpack: (config, { defaultLoaders }) => { config.module.rules.push( // Our config ); return config; }, });Este es el error que aparece cuando intentamos iniciar el servidor de desarrollo, lo que sugiere que la ruta de importación es incorrecta. (No lo es.)
error - Failed to load next.config.mjs, see more info here https://nextjs.org/docs/messages/next-config-error Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/Users/*****/Development/****/********/src/constants/locales' imported from /Users/******/Development/******/******/next.config.mjs Did you mean to import ../src/constants/locales.js? at finalizeResolution (internal/modules/esm/resolve.js:276:11) at moduleResolve (internal/modules/esm/resolve.js:699:10) at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:810:11) at Loader.resolve (internal/modules/esm/loader.js:86:40) at Loader.getModuleJob (internal/modules/esm/loader.js:230:28) at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:56:40) at link (internal/modules/esm/module_job.js:55:36) { code: 'ERR_MODULE_NOT_FOUND' }
- = Nombres de ruta censurados
¡Cualquier consejo, truco o información adicional es bienvenido!
Gracias por adelantado.
Quizás esté utilizando .vercelignore y no incluya el archivo/carpeta. Cometí el mismo error, en mi caso no !/lingui.config.js .
> Build error occurred Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/vercel/path0/lingui.config.js' imported from /vercel/path0/next.config.mjs at new NodeError (internal/errors.js:322:7) at moduleResolve (internal/modules/esm/resolve.js:731:10) at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:842:11) at Loader.resolve (internal/modules/esm/loader.js:89:40) at Loader.getModuleJob (internal/modules/esm/loader.js:242:28) at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:76:40) at link (internal/modules/esm/module_job.js:75:36) { code: 'ERR_MODULE_NOT_FOUND' }Para solucionarlo, agrego el archivo que falta:
/* !/public !/src !/lingui.config.js # <-- my mistake !/next-env.d.ts !/next.config.mjs !/package.json !/postcss.config.js !/tailwind.config.cjs !/tsconfig.json !/yarn.lock