Cannot find module X [plugin:vite:css] [postcss]

Question

When I try to simply re-export the file, it shows this error

// src/pages/login/page.tsx:
export const LoginPage = () => {...}

// src/pages/index.ts:
export { LoginPage } from './login/page' // error occurs in this line

[plugin:vite:css] [postcss] Cannot find module './page' Require stack: src/pages/index.ts

postcss.config.cjs:

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},

    'postcss-preset-mantine': {},
    'postcss-simple-vars': {
      variables: {
        'mantine-breakpoint-xs': '36em',
        'mantine-breakpoint-sm': '48em',
        'mantine-breakpoint-md': '62em',
        'mantine-breakpoint-lg': '75em',
        'mantine-breakpoint-xl': '88em',
      },
    },
  },
};

Answer 1

Solved the issue by removing the line 'type: module' in the package.json and renaming the extension of the config files from .js to .mjs