Neutralinojs + Nuxt3

https://github.com/ktkr3d/neutralinojs-nuxt3
https://github.com/neutralinojs/neutralinojs
https://v3.nuxtjs.org/
Neutralinojs でNuxt3 を使ってみました。
Windows 10 (x64)、Ubuntu 22.04 (x64)、Ubuntu 22.04 (arm64)で動作しました。

環境

  • Windows 10 Pro
  • node v16.13.1
  • npm 8.1.2
  • neutralinojs v4.6.0
  • vue 3.2.37
  • nuxt 3.0.0-rc.4

再利用するためのリポジトリと使い方

npm install -g @neutralinojs/neu
git clone https://github.com/ktkr3d/neutralinojs-nuxt3.git
cd neutralinojs-nuxt3/nuxt3-src
npm install
npm run generate
cd ..
neu update
neu run

私が導入した手順

neu create neutralinojs-nuxt3 --template neutralinojs/neutralinojs-zero
cd neutralinojs-nuxt3
npx nuxi init nuxt3-src
cd nuxt3-src
npm install
npm run generate
cd ..
neutralinojs.config.json
  {
    "applicationId": "js.neutralino.zero",
    "version": "1.0.0",
    "defaultMode": "window",
-   "documentRoot": "/www/",
+   "documentRoot": "/nuxt3-src/dist/",
    "url": "/",
    "enableServer": true,
    "enableNativeAPI": true,
    "nativeAllowList": [
      "app.*"
    ],
    "modes": {
      "window": {
        "title": "neutralinojs-nuxt3",
        "width": 800,
-       "height": 500,
+       "height": 605,
        "minWidth": 400,
        "minHeight": 200,
        "icon": "/www/icon.png"
      }
    },
    "cli": {
      "binaryName": "neutralinojs-nuxt3",
-     "resourcesPath": "/www/",
+     "resourcesPath": "/nuxt3-src/dist/",
      "extensionsPath": "/extensions/",
      "clientLibrary": "/www/neutralino.js",
      "binaryVersion": "4.6.0",
      "clientVersion": "3.5.0"
    }
  }
neu update
neu run

Windows 環境でのneu build 失敗対策

npm run generateでnuxt3-src/distがシンボリックリンクで作成される。その影響によりWindows 環境ではneu build コマンドがファイル群を意図したとおりにコピーできずに失敗する。
nuxt3-src/dist がシンボリックリンクであっても普通のディレクトリとしてコピーされるように、fs-extra のcopy メソッドのdereference オプションをtrue に設定する。

%APPDATA%\npm\node_modules\@neutralinojs\neu\src\modules\bundler.js
fs.mkdirSync(`.tmp`, { recursive: true });
//await fse.copy(`./${resourcesDir}`, `.tmp/${resourcesDir}`, {overwrite: true});
await fse.copy(`./${resourcesDir}`, `.tmp/${resourcesDir}`, {overwrite: true, dereference: true});

Comments

2022-07-12
▲