質問編集履歴

1 タイトルの修正・タグの追加

azuki-penguin

azuki-penguin score 20

2018/12/03 17:20  投稿

electron-vue上でHandsontableを利用したアプリケーションをビルドして実行すると、ウィンドウ上には何も表示されないのですが、どのように解決すれば良いのでしょうか?
`npm run dev`を実行すると、問題なくウィンドウ上に表示されるのですが、`npm run build:darwin`を実行し、生成されたアプリケーションを実行するとウィンドウに何も表示されませんでした。
### ビルドしたアプリケーションでのエラーメッセージ
ビルドしたアプリケーションで開発者ツールを開いたところ、以下のようなエラーメッセージが表示されていました。
```
Uncaught Error: Cannot find module 'core-js/modules/es6.map' module.js:545
at Module._resolveFilename (module.js:543)
at Function.Module._resolveFilename (/Users/me/myapp/build/myapp-darwin-x64/myapp.app/Contents/Resources/electron.asar/common/reset-search-paths.js:35)
at Function.Module._load (module.js:473)
at Module.require (module.js:586)
at require (internal/module.js:11)
at Object.<anonymous> (/Users/me/myapp/build/myapp-darwin-x64/myapp.app/Contents/Resources/app.asar/node_modules/handsontable/commonjs/index.js:5)
at Object.<anonymous> (/Users/me/myapp/build/myapp-darwin-x64/myapp.app/Contents/Resources/app.asar/node_modules/handsontable/commonjs/index.js:350)
at Module._compile (module.js:642)
at Object.Module._extensions..js (module.js:653)
at Module.load (module.js:561)
```
### 試したこと
`vue init simulatedgreg/electron-vue myapp`の実行し、ビルドツールをelectron-packagerの場合とelectron-builderの場合の両方を試しましたが、解決しませんでした。
### ライブラリのバージョン情報
package.jsonのdependenciesとdevDependenciesは以下の通りです。
```JSON
"dependencies": {
"@handsontable/vue": "^3.0.0",
"encoding-japanese": "^1.0.29",
"handsontable": "^6.2.0",
"papaparse": "^4.6.2",
"vue": "^2.5.16",
"vue-electron": "^1.0.6"
},
"devDependencies": {
"ajv": "^6.5.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.4",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-env": "^1.7.0",
"babel-preset-stage-0": "^6.24.1",
"babel-register": "^6.26.0",
"babili-webpack-plugin": "^0.1.2",
"cfonts": "^2.1.2",
"chalk": "^2.4.1",
"copy-webpack-plugin": "^4.5.1",
"cross-env": "^5.1.6",
"css-loader": "^0.28.11",
"del": "^3.0.0",
"devtron": "^1.4.0",
"electron": "^2.0.4",
"electron-debug": "^1.5.0",
"electron-devtools-installer": "^2.2.4",
"electron-packager": "^12.1.0",
"electron-rebuild": "^1.8.1",
"mini-css-extract-plugin": "0.4.0",
"file-loader": "^1.1.11",
"html-webpack-plugin": "^3.2.0",
"multispinner": "^0.2.1",
"node-loader": "^0.6.0",
"style-loader": "^0.21.0",
"url-loader": "^1.0.1",
"vue-html-loader": "^1.2.4",
"vue-loader": "^15.2.4",
"vue-style-loader": "^4.1.0",
"vue-template-compiler": "^2.5.16",
"webpack-cli": "^3.0.8",
"webpack": "^4.15.1",
"webpack-dev-server": "^3.1.4",
"webpack-hot-middleware": "^2.22.2",
"webpack-merge": "^4.1.3"
}
```
  • JavaScript

    23311 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Electron

    274 questions

    Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

  • Vue.js

    1753 questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

  • npm

    438 questions

    npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る