Giter Site home page Giter Site logo

ionic-team / capacitor-remix-templates Goto Github PK

View Code? Open in Web Editor NEW
107.0 9.0 2.0 561 KB

Build native iOS, Android, and Web apps with Capacitor and Remix.run ๐Ÿ’ฟ

License: Other

Java 15.63% Arc 0.28% TypeScript 13.90% Swift 41.78% Ruby 7.23% JavaScript 21.18%

capacitor-remix-templates's People

Contributors

thomasvidas 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  avatar  avatar  avatar  avatar

capacitor-remix-templates's Issues

Adding ionic framework

Hi,
It's a very good job! But I can't use ionic components

How to reproduce :

  • run on node 18 (same error with 14)
  • install @ionic/react and ionicons
  • white a simple functional component :
import { camera } from "ionicons/icons";
import { IonContent, IonFab, IonFabButton, IonIcon } from "@ionic/react";

export default function Index() {
  return (
    <IonContent>
      <IonFab vertical="bottom" horizontal="center" slot="fixed">
        <IonFabButton onClick={() => null}>
          <IonIcon icon={camera}></IonIcon>
        </IonFabButton>
      </IonFab>
    </IonContent>
  );
}

I got this error :

/Users/jeremie/Documents/PROJETS/RD/remixIonic/node_modules/@ionic/core/components/index.js:4
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
^^^^^^

SyntaxError: Unexpected token 'export'
    at Object.compileFunction (node:vm:353:18)
    at wrapSafe (node:internal/modules/cjs/loader:1040:15)
    at Module._compile (node:internal/modules/cjs/loader:1076:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1166:10)
    at Module.load (node:internal/modules/cjs/loader:988:32)
    at Function.Module._load (node:internal/modules/cjs/loader:834:12)
    at Module.require (node:internal/modules/cjs/loader:1012:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/jeremie/Documents/PROJETS/RD/remixIonic/node_modules/@ionic/react/dist/index.js:6:20)
    at Module._compile (node:internal/modules/cjs/loader:1112:14)

I have tested to add
serverDependenciesToBundle: ["@ionic/core"],
in remix.config.js but I don't have a better result.

Have you an idea ?

thx
Jeremie.

Capitator remix example IOS app shows a white screen?

โœ” Copying web assets from build to ios/App/App/public in 5.74ms
โœ” Creating capacitor.config.json in ios/App/App in 465.50ฮผs
โœ” copy ios in 10.95ms
โœ” Updating iOS plugins in 1.00ms
โœ” Updating iOS native dependencies with pod install in 1.51s
โœ” update ios in 1.52s
โœ” Please choose a target device: โ€บ iPad (10th generation) (simulator) (5A2B9662-1701-4E47-B0DA-F88E1804A171)
โœ” Running xcodebuild in 9.14s
โœ” Deploying Ap
<img width="450" alt="Screenshot 2023-03-15 at 12 55 50" src="https://user-images.githubusercontent.com/90145421/225301992-8250e6ca-3205-47d5-b363-274e0150f770.png">
p.app to 5A2B9662-1701-4E47-B0DA-F88E1804A171 in 17.74s````

It builds correctly but the example app shows a blog post in the remix version, the ios capitator app just shows an empty white screen.

Is this an expected behaviour?

I Expected that it would show the blog list in the IOS app too.

Problems Running Template

Since there are no specific instructions provided on how to run this template other than change the directory and run npm install....

That's what I did and this is the output I get when trying to run the application on device

aaronksaunders@Aarons-14MacBookProM1Pro my-ionic-remix-app % ionic cap build 
? What platform would you like to build for? ios
> npm run ionic:build

> ionic:build
> npm run build


> build
> remix build

Building Remix app in production mode...
Built in 154ms
> capacitor sync ios
[capacitor] [error] The web assets directory (./public/build) must contain an index.html file.
[capacitor]         It will be the entry point for the web portion of the Capacitor app.
[ERROR] An error occurred while running subprocess capacitor.
        
        capacitor sync ios exited with exit code 1.
        
        Re-running this command with the --verbose flag may provide more information.
aaronksaunders@Aarons-14MacBookProM1Pro my-ionic-remix-app % 

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.