En modo desarrollador funcionó muy bien. Más tarde en CMD, envié "npm run build. Obtuve un error...
info - Checking validity of types info - Creating an optimized production build info - Compiled successfully > Build optimization failed: found pages without a React Component as default export in pages/js/TimeClock pages/js/ChangePageTraté de arreglarlo. Nada en Internet ayudó. Aquí están mis archivos:
índice.js
import Head from 'next/head' import Time from './js/TimeClock.page'; import { ChangePage0, ChangePage1, ChangePage2 } from './js/ChangePage.page'; export default function Home() { ... }RelojTiempo.page.js
import ReactDOM from 'react-dom' export function tick() { const site = ( <div> <span className="time"> {new Date().toLocaleTimeString()} </span> </div> ); ReactDOM.render(site, document.getElementById('time')); } setInterval(tick, 1000);siguiente.config.js
/** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, } module.exports = { pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js'], nextConfig }No estoy seguro de entender lo que está tratando de hacer con setIinterval en un componente, pero probablemente necesite exportar el valor predeterminado en lugar de una exportación de nombres.
En TimeClock.page.js
function Tick() { ... } export default Tick;