In the dev server everything works fine, but when I build the website, Tailwind CSS's

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Tailwind CSS doesn't work on build about blogster HOT 4 OPEN

flexdinesh commented on July 19, 2024

Tailwind CSS doesn't work on build

from blogster.

Comments (4)

mikwee commented on July 19, 2024 1

Could you please give more information, such as a screenshot or error message, while building the application?

Hi, sorry for the long delay! Hey, it's been exactly a month!

Anyway, here's a screenshot of the build:

And I have a console log here:

index.html:1 Access to font at 'file:///D:/fonts/space-grotesk-v13-latin-regular.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
/D:/fonts/space-grotesk-v13-latin-regular.woff2:1          Failed to load resource: net::ERR_FAILED
index.html:1 Access to font at 'file:///D:/fonts/space-grotesk-v13-latin-700.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
/D:/fonts/space-grotesk-v13-latin-700.woff2:1          Failed to load resource: net::ERR_FAILED
fontawesome.bareminimum.css:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
brands.bareminimum.css:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
index.html:1 Access to script at 'file:///D:/_astro/hoisted.6d8c23ac.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
/D:/_astro/hoisted.6d8c23ac.js:1          Failed to load resource: net::ERR_FAILED
solid.min.css:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
_slug_.8e3f3e18.css:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
blog.5ba765fa.css:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
index.html:1 A preload for 'file:///D:/fonts/space-grotesk-v13-latin-regular.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:1 A preload for 'file:///D:/fonts/space-grotesk-v13-latin-700.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
profile.png:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
CC-BY.svg:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
/D:/favicon.ico:1          Failed to load resource: net::ERR_FILE_NOT_FOUND
index.html:1 The resource file:///D:/fonts/space-grotesk-v13-latin-700.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
index.html:1 The resource file:///D:/fonts/space-grotesk-v13-latin-regular.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
index.html:1 The resource file:///D:/fonts/space-grotesk-v13-latin-700.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
index.html:1 The resource file:///D:/fonts/space-grotesk-v13-latin-regular.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

As for the Astro console while building, there's nothing suspect there. It looks normal.

Hope these help!

from blogster.

TheBrown commented on July 19, 2024

Could you please give more information, such as a screenshot or error message, while building the application?

from blogster.

Agility6 commented on July 19, 2024

@TheBrown Hello， I seem to have encountered this problem, maybe I have a problem with the operation, how should I fix it

I'm using Sample workflow for building and deploying an Astro site to GitHub Pages

# Sample workflow for building and deploying an Astro site to GitHub Pages
#
# To get started with Astro see: https://docs.astro.build/en/getting-started/
#
name: Deploy Astro site to Pages

on:
  # Runs on pushes targeting the default branch
  push:
    branches: ["main"]

  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
  contents: read
  pages: write
  id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
  group: "pages"
  cancel-in-progress: false

env:
  BUILD_PATH: "." # default value when not using subfolders
  # BUILD_PATH: subfolder

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: Detect package manager
        id: detect-package-manager
        run: |
          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
            echo "manager=yarn" >> $GITHUB_OUTPUT
            echo "command=install" >> $GITHUB_OUTPUT
            echo "runner=yarn" >> $GITHUB_OUTPUT
            exit 0
          elif [ -f "${{ github.workspace }}/package.json" ]; then
            echo "manager=npm" >> $GITHUB_OUTPUT
            echo "command=ci" >> $GITHUB_OUTPUT
            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
            exit 0
          else
            echo "Unable to determine package manager"
            exit 1
          fi
      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: "16"
          cache: ${{ steps.detect-package-manager.outputs.manager }}
          cache-dependency-path: ${{ env.BUILD_PATH }}/package-lock.json
      - name: Setup Pages
        id: pages
        uses: actions/configure-pages@v3
      - name: Install dependencies
        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
        working-directory: ${{ env.BUILD_PATH }}
      - name: Build with Astro
        run: |
          ${{ steps.detect-package-manager.outputs.runner }} astro build \
            --site "${{ steps.pages.outputs.origin }}" \
            --base "${{ steps.pages.outputs.base_path }}"
        working-directory: ${{ env.BUILD_PATH }}
      - name: Upload artifact
        uses: actions/upload-pages-artifact@v1
        with:
          path: ${{ env.BUILD_PATH }}/dist

  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    needs: build
    runs-on: ubuntu-latest
    name: Deploy
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v2

from blogster.

mikwee commented on July 19, 2024

Still facing this debilitating issue, any updates?

from blogster.

Tailwind CSS doesn't work on build about blogster HOT 4 OPEN

Comments (4)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent