VensonEEE
V2EX  ›  Node.js

被 node 环境整疯了

  •  
  •   VensonEEE · Jan 7, 2020 · 11661 views
    This topic created in 2498 days ago, the information mentioned may be changed or developed.

    一个普通 elctron 应用,集成进一个 sqlite3.因为结果回调很麻烦,换成了 better-sqlite3;
    编译,开发运行一起正常,这里是指在npm run dev的环境下。
    打包正常,运行的时候麻烦来了,一直报构造函数不是方法:

    const sqlite = require('better-sqlite3');
    this.db = new sqlite(file);
    

    打包编译命令npm run electron:build
    打包配置vue.config.js

    module.exports = {
      configureWebpack: {
        module: {
          rules: [{
            test: /\.less$/,
            use: [{
              loader: 'less-loader', options: {
                javascriptEnabled: true,
              },
            }],
          }],
        },
        // Configuration applied to all builds
      },
      pluginOptions: {
        electronBuilder: {
          builderOptions: {
            'productName': xxx',
            'appId': 'xxx.xxx',
            'copyright': 'xxx',//版权  信息
            'dmg': {
              'contents': [
                {
                  'x': 410,
                  'y': 150,
                  'type': 'link',
                  'path': '/Applications',
                },
                {
                  'x': 130,
                  'y': 150,
                  'type': 'file',
                },
              ],
            },
            'mac': {
              'icon': 'build/icons/icon.icns',
            },
            'win': {
              'icon': 'build/icons/icon.ico',
              'target': [
                {
                  'target': 'nsis',
                  'arch': [
                    'ia32',
                  ],
                },
              ],
            },
            'linux': {
              'icon': 'build/icons',
            },
            // 'asar': false,
            'directories': {
              'output': 'dist_electron',
              'buildResources': 'build',
              'app': 'dist_electron/bundled',
            },
            'files': ['**/*'],
            'extraResources': [
              { 
                'from': './public/assets',
                'to': './app/assets',
              },
            ],
            'nsis': {
              'oneClick': false,
              'allowToChangeInstallationDirectory': true,
              'createDesktopShortcut': true,
              'createStartMenuShortcut': true,
            },
          },
        },
      },
    };
    
    

    我怀疑是编译后的.node 文件没有被打包进去。 求吴彦祖大神审阅下工作。不甚感激。

    30 replies  •  2020-01-10 22:21:08 +08:00
    Rrrrrr
    Rrrrrr
    Jan 7, 2020
    1
    好歹把报错信息贴出来
    zhangyiming
    zhangyiming
    Jan 7, 2020
    2
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    4
    @sunzongzheng 重新编译过了,不然 dev 就跑不起来
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    5
    @Rrrrrr
    @sunzongzheng
    传了图,求指导
    BarZu
    BarZu
    Jan 7, 2020
    6
    new sqlite.Sqlite() 这样子 ? 你应该输出 sqlite 看看是什么来的
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    7
    @BarZu 是发布版有问题。 dev 是能正常运行的。发布版的 console 自动都去了
    项目地址:
    https://www.npmjs.com/package/better-sqlite3
    lovedebug
    lovedebug
    Jan 7, 2020
    8
    一般都是引用库的版本有问题
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    9
    ![微信截图_20200107172108.png]( https://i.loli.net/2020/01/07/T7GxBQE1KFiCuez.png)

    sqlite 好像是一个空对象,截图
    jtwor
    jtwor
    Jan 7, 2020
    10
    不是应该去看看 package.json
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    11
    @jtwor 运行版本 开发版本在 package.json 中没有单独配置项,所以开始就排除了。
    jtwor
    jtwor
    Jan 7, 2020
    12
    能运行是本地你已经下载了这个库在那个 node_model 什么的 但发布是读 pkg 配置的把 里面没有打包也没把
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    13
    @jtwor 确实是这样,不过我查了 pkg 也有。
    ```
    {
    "name": "xxx",
    "version": "1.0.0",
    "private": true,
    "description": "xxx",
    "author": "xxx",
    "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "dev": "vue-cli-service electron:serve",
    "electron:build": "vue-cli-service electron:build",
    "electron:serve": "vue-cli-service electron:serve",
    "postinstall": "electron-builder install-app-deps",
    "postuninstall": "electron-builder install-app-deps"
    },
    "main": "background.js",
    "dependencies": {
    "@types/strophe": "^1.2.31",
    "@xmpp/client": "^0.9.1",
    "@xmpp/debug": "^0.9.1",
    "axios": "^0.18.0",
    "better-sqlite3": "^5.4.3",
    "bignumber.js": "^9.0.0",
    "cropperjs": "^1.5.6",
    "iview": "^3.5.4",
    "md5-typescript": "^1.0.5",
    "reflect-metadata": "^0.1.13",
    "strophe": "^1.2.4",
    "v-viewer": "^1.5.1",
    "vue": "^2.6.11",
    "vue-class-component": "^7.1.0",
    "vue-i18n": "^8.15.3",
    "vue-property-decorator": "^8.3.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.2",
    "vuex-class": "^0.3.2"
    },
    "devDependencies": {
    "@types/jquery": "^3.3.31",
    "@vue/cli-plugin-babel": "^3.12.1",
    "@vue/cli-plugin-typescript": "^3.12.1",
    "@vue/cli-service": "^3.12.1",
    "electron": "^7.1.7",
    "electron-rebuild": "^1.8.8",
    "jquery": "^3.4.1",
    "less": "^3.10.3",
    "less-loader": "^5.0.0",
    "node-sass": "^4.13.0",
    "sass-loader": "^7.3.1",
    "typescript": "^3.7.4",
    "vue-cli-plugin-electron-builder": "^1.4.4",
    "vue-template-compiler": "^2.6.11"
    }
    }

    ```
    kimiler
    kimiler
    Jan 7, 2020
    14
    为什么你这个帖子是黑色主题?
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    15
    @kimiler 我也不清楚... 看着有点费劲
    ashong
    ashong
    Jan 7, 2020 via iPhone
    16
    @kimiler nodejs 就是黑的
    UnluckyNinja
    UnluckyNinja
    Jan 7, 2020
    17
    我看 better-sqlite3 官方文档没有写需要用 new 来调用吧
    我猜测是因为开发环境和生产环境的语法严格程度不一样,导致一边报错另一边忽略了
    不知楼主有没有用编辑器 linter 插件或者运行 lint 命令?

    顺便吐槽下 nodejs 节点配色下的语法高亮,背景和字都是黑的,简直反人类
    duan602728596
    duan602728596
    Jan 7, 2020 via iPhone
    18
    1. 可以试试把 require 替换成 global.require
    2. 为什么不试试 IndexedDB 或者 WebSQL 呢
    cppgohan
    cppgohan
    Jan 7, 2020❤️1
    19
    node 节点的现在的样式, 代码效果有点刺眼啊 @livid 老大看看
    VensonEEE
    VensonEEE
    OP
    Jan 7, 2020
    20
    @UnluckyNinja 感谢老哥的仔细,我刚刚把 new 加上和去了在 dev 都可以,发布版依然不行,还是熟悉的臭虫味道。

    @duan602728596 需要在本地持久化存储一个文件。

    我觉得是版本的问题。难道我 electron 和 node 的版本太高了?
    ty89
    ty89
    Jan 7, 2020
    21
    你们可能需要招一个 webpack 配置工程师
    jtwor
    jtwor
    Jan 7, 2020
    22
    @UnluckyNinja 这是最坏的情况。。
    duan602728596
    duan602728596
    Jan 7, 2020 via iPhone
    23
    奥,差点忘了,你可能需要用 electron-gyp 重新编译一下
    duan602728596
    duan602728596
    Jan 7, 2020 via iPhone
    24
    如果模块原来是用 node-gyp 编译的,在 electron 里需要用 electron-gyp 重新编译
    shadeofgod
    shadeofgod
    Jan 7, 2020
    25
    前段时间给 better sqlite3 重新编译了一个 sqlcipher 的版本在项目里用,也是很多坑。

    1. webpack output 的目录看看有没有 .node 文件就知道有没有成功打包进去了。
    2. "postinstall": "electron-builder install-app-deps" 这个已经干了 node-gyp rebuild 的活了。
    3. windows 上使用 asar 会有问题,没找到解法,所以 win 上我干脆关掉 asar 了
    4. 因为 sqlcipher 依赖 openssl 所以我碰到了一些缺少动态库的问题,但是报错也可能是报构造函数不是方法,完全看不出来缺了啥,最后用 http://www.dependencywalker.com/ 和 https://docs.microsoft.com/en-us/sysinternals/downloads/procmon 查了半天缺哪些东西。

    还有一些杂七杂八的有点忘了,直接使用 better-sqlite3 应该会简单很多。
    crossle
    crossle
    Jan 7, 2020
    26
    你可以参考我们开源的桌面程序 https://github.com/mixinnetwork/desktop-app, 同样是使用的 Electron + Vue + Better-sqlite3
    shadeofgod
    shadeofgod
    Jan 8, 2020
    27
    @crossle 看了一下挺不错的,话说你们读写都在主窗口那个 renderer process 做吗?有没有引起过 UI 的卡顿问题?
    crossle
    crossle
    Jan 8, 2020
    28
    @shadeofgod 都在 renderer process, 没感觉卡顿,难道还要在 main process ?
    shadeofgod
    shadeofgod
    Jan 8, 2020
    29
    @crossle 如果一次要写的数据比较多就可能卡顿,放 main 也会,因为 main 需要不断和 renderer 进行 ipc 通信,我们是把写入放在另一个隐藏的 renderer process
    crossle
    crossle
    Jan 10, 2020
    30
    @shadeofgod 是个方法
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2323 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 12:38 · PVG 20:38 · LAX 04:38 · JFK 07:38
    ♥ Do have faith in what you're doing.