在角+电子应用程序中使用更好的sqlite3 3:模块解析失败:意外字符

Question

在我的角+电子app中，我试图安装一些sqlite，以便从sqlit数据库文件中读取内容。

我使用以下方法安装了更好-3平方米：

npm install --save better-sqlite3 
npm install --save-dev @types/better-sqlite3

我试着用它来做：

import * as sqlite from 'better-sqlite3';

// ...

const myDb = sqlite('/path/to/file.sqlite');

但是，当应用程序生成时，它会失败，因为：

./node_modules/better-sqlite3/build/better_sqlite3.node 1:0模块解析错误失败:意外字符'‘(1:0)您可能需要一个适当的加载程序来处理该文件类型，目前还没有配置加载程序来处理该文件。请参阅https://webpack.js.org/concepts#loaders (此二进制文件省略的源代码)./node_ loader /integer/build/ handle /INGER.NODER 1:0ModuleFailure:意外字符‘( 1:0 )中的错误--您可能需要一个适当的加载器来处理该文件类型，目前还没有配置加载程序来处理该文件。参见https://webpack.js.org/concepts#loaders (此二进制文件省略的源代码)

看来我不是第一个用电子来体验这个问题的人。事实上，这个问题已经讨论过这里和这里，但是我找不到适合我的解决方案。

Answer 1

你试过使用@angular-builders/custom-webpack吗？

npm i @angular-builders/custom-webpack --save-dev

在您的angular.json文件中，在您的架构师下面设置如下：

"architect": {
  "build": {
    "builder": "@angular-builders/custom-webpack:browser",
    "options": {
      "customWebpackConfig": {
        "path": "./angular.webpack.js"
      },

然后在项目的根目录添加一个自定义配置文件angular.webpack.js：

module.exports = {
  externals: {
    'better-sqlite3': "require('better-sqlite3')"
  }
};