Giter VIP home page Giter VIP logo

nuxtron's Introduction

nuxtron's People

Contributors

agrozyme avatar bluelovers avatar gimanh avatar saltyshiomix 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  avatar  avatar  avatar  avatar

nuxtron's Issues

Building renderer process hanging

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

All html tags (including head tag) is rendered when using sass/scss

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.
image

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?

I'll rewrite all codes for the next release!

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:

  • catch up to nextron features
  • tackle the existing issues
    • building process issue ( #1 and #2 )
    • support for TypeScript ( #3 and #4 )
    • SPA mode ( #5 and #7 )

Additional feature requests are welcom :)

Usage with Prisma

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??

Ability to pass arguments to electron-builder

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 add npm module to nuxtron project.

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?

How to pass additional arguments to electron-builder?

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?

Unable to communicate with Express API after building to PROD

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.

Unable to Import or Use Electron

Hey there
I am facing this error when I am trying to import Electron in renderer/pages/login.vue component, I am trying to import it like this
image
image
I have fs installed in node_modules and here's my package.json
image
Can someone help me fix this bug? Thank you

Server side not 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.

Video of the Error

Any ideas on why or what to do with this?

Javascript doesn't seems work on BUILD

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.

Take a look:
image


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

Support for Pluggins?

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

Auto Import does not work

Whenever trying to auto import it automatically adds ~/renderer
Like ~/renderer/store/todos instead of ~/store/todos

SPA mode example

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

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.