---------------------- If you have created a new Nuxt project and added a `pages/index.vue` file, but are unable to view the home page even after adding `` in `app.vue`, here are some things to check based on the official documentation: 1. **Correct Directory Structure** Make sure your `pages/index.vue` file is in the correct location: ``` your-project/ ├─ pages/ │ └─ index.vue └─ app.vue ``` 2. **Single Root Element in Page** Each page component (like `pages/index.vue`) must have a single root element. For example: ```vue ``` If you have multiple root elements or an HTML comment as the first element, the page may not render correctly during client-side navigation [see details](). 3. **app.vue Setup** Your `app.vue` should include the `` component to render the current page: ```vue ``` Or, if you want to add a layout: ```vue ``` [More info]() 4. **Development Server** Make sure your development server is running. Use: ``` npm run dev ``` Then visit [) in your browser [see installation guide](). 5. **No HTML Comments as Root** Do not start your page template with an HTML comment, as this will break client-side navigation [see example]().

Home Page

Unable to view the pages/index.vue

Unable to view the pages/index.vue

Similar Threads