hey, I have a question I get a mime type mismatch on my page, I used create react app for the projec

hey, I have a question I get a mime type mismatch on my page, I used create react app for the project, its my portfolio and when deployed everything is white and I get this same error: The resource from “https://portfolio-c3f.pages.dev/portfolio/static/js/main.2ae3fafd.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

I've tried scouring through the forums but I wasn't able to find a solution

Arnes Poprzenovic

Arnes Poprzenovic - Portfolio Website

Lledeny hey, I have a question I get a mime type mismatch on my page, I used create reac...

Chaika•12/11/23, 9:30 PM

Pages by default has "SPA" behavior where it will serve your index.html if you don't create a top level 404.html, when a page isn't found

Chaika•12/11/23, 9:30 PM

in this case it looks like you meant to use the resource https://portfolio-c3f.pages.dev/static/js/main.2ae3fafd.js which does exist and returns fine

ledenyOP•12/11/23, 9:31 PM

wait whoa thats awesome

ledenyOP•12/11/23, 9:31 PM

how would I go about fixing it?

Chaika•12/11/23, 9:32 PM

Your app seems to think its running under the /portfolio/ subdirectory

ledenyOP•12/11/23, 9:32 PM

could that be the problem?

Chaika•12/11/23, 9:33 PM

no that's just the name, I assume you're looking at your package.json?

ledenyOP•12/11/23, 9:33 PM

yeah

ledenyOP•12/11/23, 9:33 PM

ahh

ledenyOP•12/11/23, 9:33 PM

what about this lol

ledenyOP•12/11/23, 9:33 PM

im a dumbass, i cant believe

ledenyOP•12/11/23, 9:33 PM

i didnt check package.json

Chaika•12/11/23, 9:33 PM

yea looks like unless you have a Public_URL env set set it'll use your homepage there: https://create-react-app.dev/docs/deployment/#building-for-relative-paths
Looks like you can just delete it, or could try removing the path from there as it seems to just care about the relative subdirectory part

Deployment | Create React App

npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths like /static/js/main..js are served with the contents of the /static/js/main..js file. For more information see the production build section.

ledenyOP•12/11/23, 9:35 PM

should I delete the homepage variable or make it "."? based on the documentation

Chaika•12/11/23, 9:37 PM

seems to be just if you wanted it to assume the root directory and work under any subdirectory, with the consequence of not working with client routing or push state

Chaika•12/11/23, 9:38 PM

If you remove it entirely:

By default, Create React App produces a build assuming your app is hosted at the server root.

which should be fine

ledenyOP•12/11/23, 9:43 PM

thank you so f* much

ledenyOP•12/11/23, 9:44 PM

i've been struggling with this for about 4 days now lol

ledenyOP•12/11/23, 9:44 PM

4 days of work time

ledenyOP•12/11/23, 9:44 PM

how did you figure it out so fast tho?

ledenyOP•12/11/23, 9:45 PM

give me the knowledge hahah :))), if its not too much of a problem

Lledeny how did you figure it out so fast tho?

Chaika•12/11/23, 9:46 PM

Pages without a 404.html in the root will serve the index.html if a file isn't found, hence the type mismatch. So it was obvious the file was missing, and I just guessed the portfolio part was a mistake, usually /static/ is at root (espec with simpler Pages apps). It returned a file, so at that point it seemed like a simple misconfiguration

CChaika Pages without a 404.html in the root will serve the index.html if a file isn't f...

ledenyOP•12/11/23, 10:12 PM

thank you for the more in depth explanation

Shane•12/12/23, 1:48 AM

Do analytics decay in quality or something?

Shane•12/12/23, 1:50 AM

Shane•12/12/23, 1:50 AM

current status ^

Shane•12/12/23, 1:51 AM

screenshot from nov 10th

kian•12/12/23, 1:53 AM

The little pie chart icon next to “Visits summary” usually indicates sampling, if you hover over it then it might say more.

Shane•12/12/23, 1:53 AM

any way to change that? Mine says 1%

Shane•12/12/23, 1:56 AM

hopefully that isn't lost forever Sadge

Kkian The little pie chart icon next to “Visits summary” usually indicates sampling, i...

Shane•12/12/23, 1:59 AM

this is from the graphql analytics docs but I'm guessing that applies here as well?

kian•12/12/23, 2:00 AM

The dashboard is just making the GraphQL calls on your behalf so I would assume so.

Shane•12/12/23, 2:00 AM

damn, I kinda needed that data for a presentation, didn't realize CF just deletes it otherwise I would have used Jitsu

Generic Old Account•12/12/23, 3:38 AM

Pages seems to be down/insanely laggy

Dean•12/12/23, 3:38 AM

Seeing that too

Dean•12/12/23, 3:38 AM

San Francisco: Timeout (10 sec)
Singapore: Timeout (10 sec)
Sydney: HTTP code 200
Tokyo: Timeout (10 sec)

Generic Old Account•12/12/23, 3:41 AM

texas 15.96s

Dean•12/12/23, 3:58 AM

https://discord.com/channels/595317990191398933/895794943182909470/1183980784256827435

RyanKnack•12/12/23, 6:56 AM

Is Brotli compression supported on Pages yet? I'm still getting GZIP as default when I cURL into my pages domain

RyanKnack•12/12/23, 6:56 AM

Unless if I have to enable or smth idk

kingkong•12/12/23, 8:35 AM

Hi there I was wondering if it is possible to password protect some pages of my website hosted on cloudfare

Jan Piotrowski (janpio)•12/12/23, 11:30 AM

Is there a way to check/know after a

wrangler pages deploy

wrangler pages deploy

that the page and its functions is successfully deployed and reachable?
I am already waiting for 5s after deploy before I check, but often that still leads to a HTML page instead of the Json that I expect from my function/worker.

AA•12/13/23, 12:45 AM

anyone know if there is a way to relink/sync the github plugin? Cloudflare pages bugged out on me when trying to use the same github in 2 places and now my link here doesnt work..

Charlie•12/13/23, 4:06 AM

I'm using the remix setup(bun create cloudflare@latest my-new-project -- --framework=remixbun create cloudflare@latest my-new-project -- --framework=remix) and I wanted to deploy it to Cloudlfare Pages. My issue right now is that its showing "....page can't be found" My remix app is inside the apps folder.

Here's my github action yml file code:

on: [push]
jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: Deploy to Cloudflare Pages

    steps:
      - name: Check out code
        uses: actions/checkout@v3
        with:
          fetch-depth: 2

      - name: Setup Bun environment
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: 1.0.13

      - name: Install dependencies
        run: bun install

      - name: Build
        run: bun run build

      - name: Create Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        continue-on-error: true
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages project create test-project --production-branch main

      - name: Deploy Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages deploy "./apps/test-project/public/build" --project-name=test-project

on: [push]
jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: Deploy to Cloudflare Pages

    steps:
      - name: Check out code
        uses: actions/checkout@v3
        with:
          fetch-depth: 2

      - name: Setup Bun environment
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: 1.0.13

      - name: Install dependencies
        run: bun install

      - name: Build
        run: bun run build

      - name: Create Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        continue-on-error: true
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages project create test-project --production-branch main

      - name: Deploy Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages deploy "./apps/test-project/public/build" --project-name=test-project

gareth•12/13/23, 6:10 PM

Hey guys, sorry, I know this will have been asked before, does anyone have a handle on where we're likely to see deployment use / quota appear on the pages Dash?

gareth•12/14/23, 10:08 AM

Mm, also an issue for me; when just deploying pages with no build stage, does this count towards the deployment quota? It would seem not, in which case is there any limit on build-less deployments?

on: [push] jobs: deploy: runs-on: ubuntu-latest permissions: contents: read deployments: write name: Deploy to Cloudflare Pages steps: - name: Check out code uses: actions/checkout@v3 with: fetch-depth: 2 - name: Setup Bun environment uses: oven-sh/setup-bun@v1 with: bun-version: 1.0.13 - name: Install dependencies run: bun install - name: Build run: bun run build - name: Create Cloudflare Pages project uses: cloudflare/wrangler-action@v3 continue-on-error: true with: apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }} command: pages project create test-project --production-branch main - name: Deploy Cloudflare Pages project uses: cloudflare/wrangler-action@v3 with: apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }} command: pages deploy "./apps/test-project/public/build" --project-name=test-project

hey, I have a question I get a mime type mismatch on my page, I used create react app for the projec

Similar Threads

Similar Threads

Similar Threads