ionic-team / capacitor-remix-templates Goto Github PK
View Code? Open in Web Editor NEWBuild native iOS, Android, and Web apps with Capacitor and Remix.run ๐ฟ
License: Other
Build native iOS, Android, and Web apps with Capacitor and Remix.run ๐ฟ
License: Other
Hi,
It's a very good job! But I can't use ionic components
How to reproduce :
@ionic/react
and ionicons
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.
Hi Ionic Team,
What an amazing repo!
Can we use this repo with other services such as Ionic and CICD deployment to appstores etc?
Bests,
Sean.
โ 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.
The capacitor.config in these projects use server.url, which according to the documentation is not intended for use in production
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 %
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.