electron应用打包成功纪念一下-Toy模板网

这篇具有很好参考价值的文章主要介绍了electron应用打包成功纪念一下。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

electron应用打包成功纪念一下，以前曾经行过后来打包各种报错，现在有空就尝试解决一下

首先安装nvm能够方便切换node版本

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

顺利安装后你用nvm list查看node列表时会告诉你这个nvm不存在

解决办法: source ~/.bashrc
接着执行nvm list可以，然后安装需要的版本
npm install 8.16.2

回到最初版本然后打包看各种错误

error while loading shared libraries: libgconf-2.so.4
      sudo apt-get install libgconf-2-4

Error retrieving accessibility bus address: org.freedesktop.DBus.Error.ServiceUnknown: The name org.a11y.Bus was not provided by any .service 
    sudo apt-get install at-spi2-core

还有一种错误是定位到js文件catch后面的{，这时只需要再catch后增加(e)

联系更新了好多个js文件

运行报错 ReferenceError: process is not defined

打开webpack.renderer.config.js文件，如下所示进行修改
        new HtmlWebpackPlugin({
          filename: 'index.html',
          template: path.resolve(__dirname, '../src/index.ejs'),
          minify: {
            collapseWhitespace: true,
            removeAttributeQuotes: true,
            removeComments: true
          },
          # 增加templateParameters配置项 start
          templateParameters(compilation, assets, options) {
            return {
              compilation: compilation,
              webpack: compilation.getStats().toJson(),
              webpackConfig: compilation.options,
              htmlWebpackPlugin: {
                files: assets,
                options: options
              },
              process,
            };
          },
          # 增加templateParameters配置项 end
          nodeModules: process.env.NODE_ENV !== 'production'
            ? path.resolve(__dirname, '../node_modules')
            : false
        }),
    打开webpack.web.config.js文件，如下所示进行修改
        new HtmlWebpackPlugin({
          filename: 'index.html',
          template: path.resolve(__dirname, '../src/index.ejs'),
          # 增加templateParameters配置项 start
          templateParameters(compilation, assets, options) {
            return {
              compilation: compilation,
              webpack: compilation.getStats().toJson(),
              webpackConfig: compilation.options,
              htmlWebpackPlugin: {
                files: assets,
                options: options
              },
              process,
            };
          },
          # 增加templateParameters配置项 end
          minify: {
            collapseWhitespace: true,
            removeAttributeQuotes: true,
            removeComments: true
          },
          nodeModules: false
        }),

最后终于改完错误，开始下载依赖，发现很慢

 npm config set registry https://registry.npmmirror.com
      electron 下载慢 修改 .npmrc 增加
      electron_mirror="https://npm.taobao.org/mirrors/electron/"
      ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"

第一次打包下载https://github.com/electron/electron/releases/download/v2.0.18/electron-v2.0.18-linux-x64.zip 如果比较慢，自己下载放到.cache/electron文件夹下

最后终于打包成功文章来源地址https://www.toymoban.com/news/detail-689148.html

到了这里，关于electron应用打包成功纪念一下的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！