Git Product home page Git Product logo

astro-pwa-starter's Introduction

👋 Hey I'm shaunchander, I'm a former premed major, startup founder, and creative frontend engineer.

Engineering @ Rillavoice


👉 Connect with me

shaunchander shaunchander shaunchander shaunchander shaunchander shaunchander

⚙️ Languages and Tools:

elixir javascript react svelte tailwind typescript

astro-pwa-starter's People

Contributors

ptrkvsky avatar shaunchander avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

astro-pwa-starter's Issues

Problem installing dependencies

Hello!
I'm to stupid to install the dependencies. How do I do it?
With npm install I get

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/astro
npm ERR! dev astro@"2.0.6" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer astro@"^2.5.0" from @astrojs/[email protected]
npm ERR! node_modules/@astrojs/tailwind
npm ERR! dev @astrojs/tailwind@"^3.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

External images doesn't show up in PWA

I'm trying to make my first PWA with your starter. I put an img tag on a page that have as source an external image (a webcam image). It works on browser version, but in PWA version it doesn't find the image source. I tried both inserting directly img tag or fetch the image as a blob and creating the img element via typescript.

Do you have any idea of what I'm making wrong?

vite-plugin-pwa running before html files are finished building - no pages being precached in sw.js

Hello - Thank you for making this starter project, it's pretty much exactly what I was looking for to build a PWA to help my friend on his job. I just have a question/issue about how the precaching works.

I'm trying to have vite-plugin-pwa precache all html pages on install, but when I add a line for html files to the globPatterns option in 'astro.config.ts' (line 50) I get an error saying there are no html files to precache. Is there a way for me to delay vite-plugin-pwa from scanning for files until after the html files are ready? Or is there something else this is being caused by?

Thank you for any help you can offer.

Here's a link to the repo, not much is changed from the base project besides adding a blog section taken from another Astro starter template. https://github.com/Planet-Caravan-Studios/Safety-Manual-WebApp/tree/newVersion--PWA

PWA installation problem

I edited the project by creating some pages, installing .jpg and .png images and when accessing my project on a cell phone, the option to install the 'app' does not appear.
I just edited the seoConfig.ts file in addition to the ones I mentioned before.

What else do I have to adjust for the PWA to work?

Thanks!

Opens in webview on iOS

Installation works on all platform but on iOS, when added to homepage, it opens a webview with address bar. Tried debugging but not too sure what was the issue

Build fails with error "addWatchFile is not a function". Same behavior occurs on my machine and on Netlify

I cloned the project and encountered the above error when I ran "npm run dev". So I tried the "deploy to Netlify" button from the Astro themes site and got the same error. Here is the detailed error message from the Netlify failed build:

at Object.astro:config:setup (/opt/build/repo/node_modules/@astrojs/tailwind/dist/index.js:100:11)

at async withTakingALongTimeMsg (file:///opt/build/repo/node_modules/astro/dist/integrations/index.js:13:18)

at async runHookConfigSetup (file:///opt/build/repo/node_modules/astro/dist/integrations/index.js:62:7)

at async AstroBuilder.setup (file:///opt/build/repo/node_modules/astro/dist/core/build/index.js:41:21)

at async AstroBuilder.run (file:///opt/build/repo/node_modules/astro/dist/core/build/index.js:125:23)

at async build (file:///opt/build/repo/node_modules/astro/dist/core/build/index.js:22:3)

at async runCommand (file:///opt/build/repo/node_modules/astro/dist/cli/index.js:190:14)

at async cli (file:///opt/build/repo/node_modules/astro/dist/cli/index.js:207:5)

Thanks for all your hard work; I'm new to Astro and just having this structure to work with is really helpful.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.