Missing styles after starting the dev mode following the guide installation

[easychen]

Describe the bug

After following the guide to install, running npm run dev results in the following:

To Reproduce Steps to reproduce the behavior:

1. Create a new directory and run npm init -y
2. Install the necessary packages: npm i next react react-dom nextra nextra-theme-docs
3. Create next.config.mjs
4. Create theme.config.jsx
5. Create pages/index.mdx
6. Run npm run dev

Expected behavior
The initial page should load with styles.

Screenshots

Desktop :

• OS: Mac
• Browser: Edge
• Version: 129.0.2792.89

Additional Notes Running npm run build && npm run start works as expected.

[easychen]

package.json:

{
  "name": "doc",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "next": "^14.2.15",
    "nextra": "^3.0.12",
    "nextra-theme-docs": "^3.0.12",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  }
}

[dimaMachina]

Without providing runnable reproduction, I am unable to help

[easychen]

I've zipped up the code（ without node_modules ）, can you check if it reproduces?

[dimaMachina]

please create GitHub repo, I will not download untrusted .zip files

[87xie]

Adding a pages/_app.jsx file may temporarily resolve this issue.

function App({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default App