capacitor-community / vue-cli-plugin-capacitor Goto Github PK
View Code? Open in Web Editor NEWA Vue CLI 3/4 Plugin for Capacitor
License: MIT License
A Vue CLI 3/4 Plugin for Capacitor
License: MIT License
Describe the bug
This error i am getting in debug apk , i am using npm run capacitor:serve to run debug mode while app running appear "unable to app load, are you sure server running at ipaddress:port?"
then i tested same url in my computer browser worked well but not worked in my mobile and i also tried turn off my firewall and allowed inbound rule 8080 this case also not worked for me.
then i run ipconfig command in shell it list out some ip address one of them worked in my mobile but i don't how to use that ipaddress in capacitor ?.
what is the solution for this?
I need to upgrade capacitor v3 from v2 .any docs for that?
Hey there! I'm making from the Ionic team! It's great to see there's already a Vue CLI plugin for capacitor. Great work on this.
We've recently launched a community org here on github for capacitor that includes various plugins and I was thinking this would be a good candidate for joining the community.
The TL;DR is you'd join the org as a member and would maintain the plugin under that org. That means transferring this repo to a new org with you as the primary maintainer. You would then be able to republish the CLI add on under the npm scope @capacitor-community
You can take a look at the community org here
https://github.com/capacitor-community
Feel free to reach out if you have any other questions!
When I type 'npx @capacitor/cli plugin:generate' console hangs for about 2 seconds, and then nothing happens. I suspect using this vue-cli plugin has something to do with it. Any advice?
Hi,
The plugin made adding capacitor a breeze.
I wanted to ask should we add the android
folder for example to version control?
Asking because I inspected and saw it is augmenting the capacitor.config.js
every time we serve
or build
, which I get is necessary, but it injects data that is only relevant to my env (paths or IPs).
Thanks!
Just wondering what your thoughts on having a flag that could skip the vue cli build part of the "capacitor:build"
script. I build the android app as part of a larger pipeline, and the app has already been built by this stage, so it seems unnecessary to run it again (unless it does something different and I didn't realise it?)
// Build app with Vue CLI
await api.service.run('build', args)
I need to print html content but I can't see any document relative to print. I have seen cordova-plugin-printer how to configure inside capacitor?
Describe the bug
> [email protected] capacitor:serve
> vue-cli-service capacitor:serve
INFO Starting development server...
ERROR Error: Cannot find module 'vue/compiler-sfc'
Require stack:
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/lib/config/base.js
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/lib/Service.js
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js
Error: Cannot find module 'vue/compiler-sfc'
Require stack:
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/lib/config/base.js
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/lib/Service.js
- /home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object.<anonymous> (/home/joe/.nvm/versions/node/v16.15.1/lib/node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js:8:24)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
To Reproduce
Steps to reproduce the behavior:
npm run capacitor:serve
Expected behavior
Should serve the mobile app (via emulator?)
Thanks for the really great plugin!
Could you update it so it uses Capacitor 2 version?
Thanks!
Is your feature request related to a problem? Please describe.
Using vue add capacitor
on a project already setup with capacitor the installation fails.
Describe the solution you'd like
Installation instructions for installing the cli plugin on an existing Vue / Capacitor setup.
When using the command
npm capacitor:serve --ios
It still only opens android and not xcode.
Any ideas?
To be able to use the Ionic AppFlow service, a manifest file needs to be created from the generated files, which is done via ionic deploy manifest
.
Can we add a way to run a custom command right after the build command? Because I tried without it, and the deployment fails.
Maybe a config inside pluginOptions
in vue.config.js
?
pluginOptions: {
outputDir: '',
capacitorScripts: {
postbuild: 'custom --thing',
},
I tried searching for a way to run a command on every vue-cli-service build
, but didnt find anything.
Hi,
running "vue add capacitory@next" in the vue CLI 3 project folder gives me errors:
npm ERR! code ETARGET
npm ERR! notarget No matching version found for vue-cli-plugin-capacitor@next
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
I'm using npm 6.5.0.
How do I install the right package? "vue add capacitor" installs https://github.com/techiediaries/vue-cli-plugin-capacitor.
Thanks!
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.