天天看點

打包 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.