打包 SyntaxError:Cannot use import statement outside a module browser_init.js

 

 

打包 SyntaxError:Cannot use import statement outside a module  browser_init.js

 

安装打包

https://www.jianshu.com/p/d8f3942d5efc

"build": {
    "appId": "com.familyxiao.app",
    "copyright": "familyxiao Copyright © 2021",
    "productName": "MyCodeGenerator",
    "files": [
        "!dist/**/*"
    ],
    "win": {
        "icon": "build/icon.png",
        "artifactName": "${productName}_${version}.${ext}",
        "verifyUpdateCodeSignature": false,
        "target": [{
            "target": "nsis",
            "arch": [
                "x64"
            ]
        }]
    },
    "nsis": {
        "oneClick": false,
        "createDesktopShortcut": "always",
        "allowToChangeInstallationDirectory": true
    },
    "extends": null
  },

vue.config.js

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
    pluginOptions: {
        electronBuilder: {
            nodeIntegration: true,
            builderOptions: {
                'appId': 'com.familyxiao.app',
                'productName': 'MyCodeGenerator', // 项目名，也是生成的安装文件名，即mzDemo.exe
                'copyright': 'familyxiao Copyright © 2021', // 版权信息
                'files': [
                  './**/*'
                ],
                'extraFiles': [ // 把指定的资源复制到程序根目录，即把server文件夹的内容复制到程序根目录，这里server文件夹下的内容相当于我的后台，我在background.js中有相应的处理。
                  './server'
                ],
                'directories': {
                  'output': './app_dist' // 输出文件路径
                },
                'win': { // win相关配置
                  'icon': './public/favicon.ico', // 图标，当前图标在根目录下，注意这里有两个坑
                  "requestedExecutionLevel": "requireAdministrator", //获取管理员权限
                  'target': [{
                    'target': 'nsis', // 利用nsis制作安装程序
                    'arch': [
                      'x64', // 64位
                      'ia32'
                    ]
                  }]
                },
                'nsis': {
                  'oneClick': false, // 是否一键安装
                  'allowElevation': true, // 允许请求提升。 如果为false，则用户必须使用提升的权限重新启动安装程序。
                  'allowToChangeInstallationDirectory': true, // 允许修改安装目录
                  'installerIcon': './favicon.ico', // 安装图标
                  'uninstallerIcon': './favicon.ico', // 卸载图标
                  'installerHeaderIcon': './favicon.ico', // 安装时头部图标
                  'createDesktopShortcut': true, // 创建桌面图标
                  'createStartMenuShortcut': true, // 创建开始菜单图标
                  'shortcutName': 'mzDemo' // 图标名称(项目名称)
                }
              }
        }
    },
    configureWebpack: {
        devtool: 'source-map'
    }
}

 

 

 

 

 ⨯ Get "https://github.com/electron/electron/releases/download/v13.4.0/electron-v13.4.0-win32-ia32.zip": dial tcp 20.205.243.166:443: connectex: A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond.

 

 

C:\Users\Administrator\AppData\Local\electron\Cache