質問: ### 前提・実現したいこと SPAの勉強をしております。 データベースとしてSQLiteを利用したいのですが、コンポーネント(hoge.vue)からassets内のファイル(test.db)を読み込もうとするとコンパイルエラーとなってしまいます。 webpackの設定が悪いみたいなのですが、上手くできずに困っています。 アドバイスを頂けると嬉しいです。 ### 発生している問題・エラーメッセージ error in ./src/assets/test.db Module parse failed: Unexpected token (1:7) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file) ### 該当のソースコード ``` ``` ### 試したこと webpack.base.conf.jsを編集してfile-loaderで読み込むなどしてみましたが、sql.jsに、「これはデータベースではない」と怒られました。 fs.readFile(path.join(__dirname, '../assets/test.db'), 'utf8') というのも試しましたが、こちらもダメでした。 ### 補足情報(FW/ツールのバージョンなど) 環境はvue-cliで準備しました。 Vue:2.5.2 webpack:3.7.1 node:6.9.1
回答: Vuexのstoreを使うと指定したURLからSQLiteファイルを読み込んで扱えるようです。 ただ、ファイルサイズがあまり大きいと上手く動かないので、やはり別でデータベース用のサーバーを立ててaxios等で引っ張ってくるのが良さそうです。 閲覧・ご回答、ありがとうございました。 参考: https://github.com/skysign/public/tree/master/vue.js/boilerplate/vuejs-sqljs-boilerplate