シリアルポート使用時のvue-electronの問題解決

エラーは次のとおりです:

キャッチされない TypeError: 未定義のプロパティ 'modules' を読み取ることができません
Object.eval (webpack-internal:///./node_modules/bindings/bindings.js:29) で
eval (webpack-internal:///./node_modules/bindings/bindings.js:223) で
Object../node_modules/bindings/bindings.js (chunk-vendors.js:255) で
__webpack_require__ (app.js:849) で
fn (app.js:151) で
eval (webpack-internal:///./node_modules/@serialport/bindings/lib/linux.js:2) で
Object../node_modules/@serialport/bindings/lib/linux.js (chunk-vendors.js:65) で
__webpack_require__ (app.js:849) で
fn (app.js:151) で
Object.eval (webpack-internal:///./node_modules/@serialport/bindings/lib/index.js:14) で

まとめると、webpackはバイナリを解析できないとか…githubで議論されています

システム: win10  
「依存関係」: {
    "core-js": "^3.6.5",
    "電子プレビルド": "^1.4.13",
    "シリアルポート": "^9.2.1",
    "vue": "^2.6.11"
},
「devDependencies」: {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "電子": "^13.0.0",
    "electron-devtools-インストーラ": "^3.1.0",
    "電子再構築": "^3.2.3",
    "eslint": "^6.7.2",
    "eslint-プラグイン-vue": "^6.2.2",
    "vue-cli-plugin-electron-builder": "~2.1.1",
    "vue-テンプレートコンパイラ": "^2.6.11"
},

解決：

const { IgnorePlugin } = require('webpack')
 
モジュール.エクスポート = {
  プラグインオプション: {
    プラグイン: [
      新しい無視プラグイン({
        リソース正規表現: /serialport/
      })
    ]、
    電子ビルダー: {
      ノード統合: true、
      外部: [
        'シリアルポート'
      ]
    }
  }
} 

app.allowRendererProcessReuse = false 

再実行してください

これで、vue-electron が serialport を使用する際の問題の解決策に関するこの記事は終了です。vue-electron が serialport を使用する際の問題に関する関連コンテンツの詳細については、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。