electron-template Cannot GET /

Version

v1.1.1

Reproduction link

https://github.com/terion-name/metod-admin-temp

Steps to reproduce

yarn build

What is expected ?

app works

What is actually happening?

Cannot GET /

Additional comments?

I've used this template, generated app. In dev mode everything works ok. But If I build the app I get this: Скриншот 2018-10-05 11.53.58.png

package.json:

{
  "name": "metod-admin",
  "version": "1.0.0",
  "description": "METOD admin client",
  "author": "Terion <[email protected]>",
  "private": true,
  "main": "main.js",
  "build": {
    "appId": "com.metod-admin.app",
    "directories": {
      "buildResources": "static"
    }
  },
  "scripts": {
    "dev": "cross-env NODE_ENV=DEV electron .",
    "dev:web": "cross-env NODE_ENV=DEV BUILD_TARGET=web  nuxt",
    "build": "nuxt build && electron-builder",
    "build:web": "cross-env nuxt build",
    "start": "cross-env nuxt build && nuxt start"
  },
  "dependencies": {
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@babel/preset-flow": "^7.0.0",
    "apexcharts": "^2.0.9",
    "element-ui": "^2.4.7",
    "lockr": "^0.8.5",
    "nuxt": "^2.1.0",
    "nuxt-babel": "^0.1.2",
    "nuxt-i18n": "^5.3.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "underscore": "^1.9.1",
    "vue-apexcharts": "^1.2.1",
    "vue-lodash": "^2.0.0",
    "vue-wysiwyg": "^1.7.2",
    "vue2-editor": "^2.6.6",
    "vuedraggable": "^2.16.0"
  },
  "devDependencies": {
    "babel-eslint": "^8.2.1",
    "cross-env": "^5.2.0",
    "electron": "2.0.0-beta.7",
    "electron-builder": "^20.8.1",
    "electron-devtools-installer": "^2.2.3",
    "eslint": "^4.15.0",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-vue": "^4.0.0"
  }
}

_{This bug report is available on Nuxt community (#c24)}

Oct 05 '18 09:10 terion-name

私も同じ問題を抱えています。本番用のURLを設定する必要がありますか？

しかし、その本番用のURLが分かりません。

I have the same problem. Is it necessary to set the URL for production?

However, I do not know the URL for production.

electron-template/template/main.js：

const _NUXT_URL_ = `http://localhost:${server.address().port}`
・・・
if (config.dev) {
・・・
} else { return win.loadURL(_NUXT_URL_) }

Oct 06 '18 15:10 uucyan

did you guys ever resolve this? @uucyan @terion-name

cc: @pi0

Oct 20 '18 17:10 tetreault

Mine seems to build w/o any issue after running npm run build. I have my .dmg file which installs the app to my mac as expected and it runs w/o your issue.

Oct 20 '18 17:10 tetreault

@tetreault nope :(

Oct 21 '18 14:10 terion-name

@tetreault nope😷

Because there is no choice, it was solved by the following method. https://github.com/nuxt-community/electron-template/pull/20

Nov 22 '18 05:11 uucyan

首先，非常感谢您的分享，但是，在使用过程种遇到了很多问题，如下： 1,用到了nuxtjs，那么就期待多端发布，如桌面app和website，可是命令中并不包含website的命令 2,期待在nuxtjs官方的模板下添加electron打包命令，且分成web和app两个目录

Jun 14 '19 08:06 Hsinky

For developers who are looking for a alternative solution:

https://github.com/michalzaq12/electron-nuxt

Jul 12 '19 10:07 michalzaq12

const newWin = () => {
    win = new BrowserWindow({
        icon: path.join(__dirname, 'static/icon.png'),
        webPreferences: {
            nodeIntegration: true
        },
        width: 1920,
        height: 1080
    })

    win.on('closed', () => win = null)
    // Wait for nuxt to build
    const pollServer = () => {
        http.get(_NUXT_URL_, (res) => {
            if (res.statusCode === 200) {
                win.loadURL(_NUXT_URL_)
            } else {
                setTimeout(pollServer, 300)
            }
        }).on('error', pollServer)
    }
    if (config.dev) {
        // Install vue dev tool and open chrome dev tools
        const {
            default: installExtension,
            VUEJS_DEVTOOLS
        } = require('electron-devtools-installer')
        installExtension(VUEJS_DEVTOOLS.id).then(name => {
            console.log(`Added Extension:  ${name}`)
            win.webContents.openDevTools()
        }).catch(err => console.log('An error occurred: ', err))
        pollServer()
    } else {
        pollServer()
    }
}

this will work with production env