Subject: Deployment Error: "Could not find index.html" File in Netlify Build Body:

Support
1

Hi there,

I am encountering a deployment issue with my React app on Netlify. The error message I am seeing is:

5:37:26 AM: Could not find a required file. Name: index.html
5:37:26 AM: Searched in: /opt/build/repo/public
5:37:27 AM: “build.command” failed
5:37:27 AM: Command failed with exit code 1: npm run build

The index.html file is correctly located in the public directory, and the build completes successfully when running locally. However, when trying to deploy on Netlify, this error keeps appearing.

Here’s what I’ve tried so far:

  • Setting the Base directory in Netlify build settings to /public
  • Clearing the cache and retrying the build
  • Specifying the build folder in the netlify.toml file
  • Verified that the build works locally with npm run build

Despite these efforts, the same error continues to occur. Could you help me identify if there’s any misconfiguration or anything else I should be checking?

Any assistance would be greatly appreciated.

Thank you in advance for your help!

Best regards,
[Your Name]

2

@nozomuuu Is your repository public?, if so can you provide a link to it?

3

Hi Nathan,

Thank you for your response. Yes, the repository is public, and here is the link to it:

[GitHub - nozomuuu/otakarakutasealwafercollection: オタカラクタのシールウエハースを開封し、シールをコレクションしろ！]

I am still encountering the issue where the index.html file cannot be found during the Netlify build process. If you could take a look, I would greatly appreciate any guidance or suggestions you may have.

Thank you for your help!

Best regards,
[nozomuuu]

4

@nozomuuu There are various issues in your repository that you should fix.

Your .gitignore file shouldn’t contain react code:

image
image527×744 79.2 KB

The broken .gitignore explains why the .DS_Store file is in your repository.

You should remove the node_modules directory and add it to your .gitignore too.

image
image472×530 36.5 KB

Your build does work for me locally.

image
image747×475 92.3 KB

Your Build configuration should be:

Base Directory = EMPTY (Use the default)
Package Directory = EMPTY (Use the default)
Build Command = npm run build
Publish Directory = build
Functions Directory = EMPTY (Use the default)

Let me know if those changes do not work.

5

Subject: Deployment Issue with React App on Netlify - “index.html not found”

Hi there,

I am encountering a deployment issue with my React app on Netlify. The error message I am seeing is as follows:

5:37:26 AM: Could not find a required file. Name: index.html
5:37:26 AM: Searched in: /opt/build/repo/public
5:37:27 AM: “build.command” failed
5:37:27 AM: Command failed with exit code 1: npm run build

The index.html file is correctly located in the public directory, and the build completes successfully when running locally. However, when I try to deploy it on Netlify, this error keeps showing up.

Here’s what I’ve tried so far:

  1. Set the Base directory in Netlify build settings to /public
  2. Cleared the cache and retried the build
  3. Specified the build folder in the netlify.toml file
  4. Verified that the build works locally using npm run build

Despite these efforts, the same error persists. Locally, everything builds smoothly, and all required files are in place. Could you help me identify any misconfiguration or point out anything else I should check?

Here is the link to the public GitHub repository for the project:
GitHub - nozomuuu/otakarakutasealwafercollection: オタカラクタのシールウエハースを開封し、シールをコレクションしろ！

I appreciate any assistance you can provide.

Thank you in advance for your help!

Best regards,
Nozomuuu

6

@nozomuuu You should start again with your repository.

As it looks like you’ve accidentally committed a structure that is basically your entire hard drive:

image
image1025×1260 223 KB

7

Subject: Deployment Issue with Next.js App on Netlify

Dear Netlify Support Team,

I am experiencing an issue while trying to deploy my Next.js app on Netlify. The deployment fails with the following error message:

vbnet

Build error occurred
Error: > Couldn't find any `pages` or `app` directory. Please create one under the project root

Here is what I have tried so far to resolve the issue:

  1. Manually created the pages directory and added an index.js file if it was missing.
  2. Added output: 'export' in the next.config.js file.
  3. Deleted the .next and out directories and performed a clean build.
  4. Adjusted the base directory and publish directory settings in the Netlify build settings.
  5. Attempted to deploy from the out directory after running next export.

Despite these steps, the same error continues to appear. The build completes successfully on my local environment without any issues, which suggests that there may be a configuration or file placement problem specific to Netlify.

Project Repository: The project is publicly available on GitHub, and you can find it here: GitHub Repository - New Otakarakuta Collection

I would greatly appreciate any suggestions or recommended settings that could help resolve this issue.

Thank you for your time and assistance.

Best regards,
Nozomuuu

8

As mentioned above, please start-over with your project.