saltyshiomix / nuxtron Goto Github PK
View Code? Open in Web Editor NEW⚡ Nuxt.js + Electron ⚡
Home Page: https://npm.im/nuxtron
License: MIT License
⚡ Nuxt.js + Electron ⚡
Home Page: https://npm.im/nuxtron
License: MIT License
I want to start off by thanking you for all your hard work and this amazing package that you have put together.
I have recently tried to created an application using the vuikit template you provided: nuxtron init nuxtro-test --template with-vuikit
. I added some content and then build the application using npm run build:all
and the builder seems to be stuck at the building renderer process (longer than an hour). It is not a large application. I did however include other node modules through npm however the npm run dev
process runs perfectly without any warnings or errors.
Is there a verbose build process where I can see if any errors occur during build causing it to hang.
Thank you in advance for any asistance
How can I access electron APIs like notifications and filesystem from the Nuxt pages?
I already added sass loader and follow the nuxt docs as what it said. But it doesn't work with electron. Here's what it ended.
and here is the code inside my scss file
* {
transition: all 0.15s ease-in-out;
display: block;
background-color: #f8f9fa;
}
html,
body {
font-family: "Open Sans", "Verdana", sans-serif;
line-height: 1.4;
margin: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
and here's my nuxt.config.js
export default {
// ssr: false,
head: {
title: 'this is broken app',
meta: [
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{
hid: "description",
name: "description",
content: process.env.npm_package_description || "it has been drive me crazy like days"
}
],
link: [
{
rel: "stylesheet",
href:
"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,800;1,400&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap"
}
]
},
loading: { color: "#F4841A" },
css: [
"@/assets/scss/main.scss"
],
plugins: [
// {src: '~/plugins/element.js', mode: 'client'},
],
buildModules: [
// '@nuxtjs/fontawesome',
],
/*
** Axios module configuration
** See https://axios.nuxtjs.org/options
*/
axios: {
// baseURL: process.env.AUTH_API,
retry: { retries: 3 }
// proxy: true
},
build: {
extend: (config) => {
config.target = 'electron-renderer';
},
},
}
what am i doing wroing?
For all kindful stargazers and watchers,
Sorry for inconvenience of no-updating nuxtron.
I'll reimplement and improve nuxtron this month.
I'm planning to improve these points:
Additional feature requests are welcom :)
I'm trying to use it with Prisma and it works fine on dev, but on build, request to database wont return result but return page html instead in response. is there any configuration needed?
I also moved database and prisma-client generator output to resources folder but still no result.
I think it's because of serverMiddleware . it wont be called in built .exe file . is there anyway to solve that??
Hi. SPA mode in example still work incorrect way. In the beginning please see screenshot. I got it after installing example. But the main problem is that in SPA mode the main window shoul be loaded only once (https://en.wikipedia.org/wiki/Single-page_application#Running_locally). In example it is reloading by every navigation link. Could you correct it please?
How to use "dialog" save file of electron in Nuxtjs?
Hello!
Would the ability to pass command line arguments to the underlying binaries (nuxt
and electron-builder
) make sense? Currently, I'm trying to run builds in GitHub Actions, and by default electron-builder
will attempt to publish things. The official upstream recommendation seems to be to run electron-builder --publish=never
, but currently it does not appear to be possible to do so.
can not load flash plugin
could give the templates to support typescript?
like nexttron with-typescript, with-typescript-xxx
https://github.com/saltyshiomix/nextron/tree/master/examples
I created a new nuxtron project.
Then I added a module with command below:
yarn add tsparticles
Then I imported below code to pages/index.vue
import { tsParticles } from "tsparticles";
Then I added a "mounted" and added below code to mounted:
tsParticles.load("animated-bg", {});
Then I run it with
yarn run dev
But it does not work.
It can not find module "tsparticles" for import.
What did I do wrong?
This package does have a fixed list of properties that can be passed on nuxtron build
(config file, platforms, archs). But first there are much more arguments electron-builder supports, and second I want to override single electron-builder configuration options for different scripts, without creating a full new electron-builder config.
Would it be possible to support something like -- -arg1
that will be passed to electron-builder?
Hi,
Can you provide some example of integration with PouchDB or RxDB?
I'm trying to add RxDB electron example with no success.
It seems like they have different workflow.
Thank you.
Hello,
I start a Nuxtron project from 0 and try to sign and certificate the app using this method :
https://dev.to/awohletz/how-i-sign-and-notarize-my-electron-app-on-macos-59bb
It doesn't work with a "the certificate is invalid".
Same code with a starter electron project works.
Do you know what I 've to do to make it work ?
Thank you
I'm building a nuxtjs project which requires Express JS as server-side. I'm using the serverMiddleware property to connect to the index.js.
This method works well in dev mood. I'm able to communicate with the API's. But after building (bundling) the project, it changes the url to "app://./" instead of "localhost:{port}/". And this prevents the API from working.
Im currently using Nuxtron to make a nuxt desktop app and im using a auth module Auth Module. I see when i build the exe the backend server stops working and any reqests being made fail due to the localhost server not running. I know it's not running because the build requests work when i have the dev mode running also.
Any ideas on why or what to do with this?
Everything seems on npm run dev
but not on a npm run build
.
Its not reactive.
Errors not showing & UI break a bit. (I just change primary color for test).
Radio button doesn't works too.
Really seems like javascript doesn't works or maybe the font isn't imported correctly and it crash the app.
I'm on windows 10
Using Element-UI template (I've test with vuetify and it's the same thing)
Node 10.15.1
Npm 6.4.1
I just tried to install vuetify on nuxtron and it is really hard to get it, is there an especific way to get it working ?
-Using node 12.0
-Latest nuxtron version
Whenever trying to auto import it automatically adds ~/renderer
Like ~/renderer/store/todos
instead of ~/store/todos
Reproduce:
Following example from here: https://nuxtjs.org/docs/2.x/directory-structure/store#activate-the-store
Could you make SPA mode example please ( mode: 'spa' in nuxt.confige.js)? Your examples don't work in SPA mode after npm run build. Something wrong with routes
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.