Files
Balázs OrbánandGitHub 701e8d2c0f fix(standalone): support type: "module" (#41268)
Fixes #41258

When we detect `type: "module"` in `package.json`:

~1. generate `server.mjs`~ Not necessary when `type: "module"` is set.
2. use `import` instead of `require`
3. replace `__dirname` with [ESM compatible
alternative](https://blog.logrocket.com/alternatives-dirname-node-js-es-modules/)

In this PR, I also moved some tests (those using `output: "standalone"`)
to a new `test/production/standalone-mode` directory for easier
discoverability in the future.

Run the related test with `pnpm test
test/production/standalone-mode/type-module/index.test.ts`

## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the
feature request has been accepted for implementation before opening a
PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing
doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
2022-10-11 17:04:37 +02:00

36 lines
724 B
JavaScript

import { useRouter } from 'next/router'
export default function Page(props) {
const router = useRouter()
return (
<>
<p id="page">blog slug</p>
<p id="props">{JSON.stringify(props)}</p>
<p id="query">{JSON.stringify(router.query)}</p>
<p id="pathname">{router.pathname}</p>
<p id="asPath">{router.asPath}</p>
</>
)
}
export function getStaticProps({ params }) {
console.log({ blogSlug: true, params })
return {
props: {
random: Math.random() + Date.now(),
blogSlug: true,
params,
},
revalidate: 1,
}
}
export function getStaticPaths() {
return {
paths: ['/fallback-false/first', '/fallback-false/second'],
fallback: false,
}
}