angular - 由于 Firebase 的 IDBIndex 错误,无法提供服务器呈现的应用程序
问题描述
我的环境
- 操作系统版本:Windows 10
- Firebase SDK 版本:6.0.2
问题
我按照本教程创建服务器端呈现的应用程序。当我尝试使用npm run serve:ssr
.
我得到的错误是:
proxyRequestMethods(Index, '_index', IDBIndex, [
^
ReferenceError: IDBIndex is not defined
at Module.<anonymous> (C:\Users\eg\dist\server.js:343794:38)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Module.<anonymous> (C:\Users\eg\dist\server.js:342436:61)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Module.<anonymous> (C:\Users\eg\dist\server.js:341227:81)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Module.<anonymous> (C:\Users\eg\dist\server.js:332069:79)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Object.firebase (C:\Users\eg\dist\server.js:189647:18)
at __webpack_require__ (C:\Users\eg\dist\server.js:137349:30)
在此之前我收到一个错误window is not defined
,所以我添加了以下代码,server.ts
如本评论中所述
const domino = require('domino');
const fs = require('fs');
const path = require('path');
const template = fs.readFileSync(path.join(__dirname, '.', 'dist', 'index.html')).toString();
const win = domino.createWindow(template);
global['window'] = win;
global['document'] = win.document;
当我使用 构建 ssr 应用程序时npm run build:ssr
,我收到如下所示的警告
WARNING in ./node_modules/@angular/fire/firestore/firestore.js 23:21-32
"export 'SDK_VERSION' was not found in 'firebase/app'
@ ./node_modules/@angular/fire/firestore/public_api.js
@ ./node_modules/@angular/fire/firestore/index.js
@ ./dist/server/main.js
@ ./server.ts
WARNING in ./node_modules/@angular/fire/firestore/firestore.js 24:21-32
"export 'SDK_VERSION' was not found in 'firebase/app'
@ ./node_modules/@angular/fire/firestore/public_api.js
@ ./node_modules/@angular/fire/firestore/index.js
@ ./dist/server/main.js
@ ./server.ts
此外,当我使用服务(d)应用程序npm run serve:ssr
时,我在使用时收到这些警告,我在更新后收到firebase@5.x.x
错误,我收到错误reference: self is not defined
firebase@6.0.2
var major = parseInt(firebase_app__WEBPACK_IMPORTED_MODULE_6__["SDK_VERSION"].split('.')[0]);
TypeError: Cannot read property 'split' of undefined
at Module.<anonymous> (C:\Users\eg\dist\server.js:279474:79)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Module.<anonymous> (C:\Users\eg\dist\server.js:279385:68)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Module.<anonymous> (C:\Users\eg\dist\server.js:279341:69)
at __webpack_require__ (C:\Users\eg\dist\server.js:30:30)
at Object.@angular/fire/firestore (C:\Users\eg\dist\server.js:189255:18)
at __webpack_require__ (C:\Users\eg\dist\server.js:137353:30)
at Object../src/app/services/global-manager.service.ts (C:\Users\eg\dist\server.js:186535:19)
at __webpack_require__ (C:\Users\eg\dist\server.js:137353:30)
webpack.server.config.js
我通过在下面添加行来更新这些警告和错误
const regex = /firebase\/(app|firestore)/;
module.exports={
externals: [/node_modules/, function(context, request, callback) {
// exclude firebase products from being bundled, so they will be loaded using require() at runtime.
if(regex.test(request)) {
return callback(null, 'commonjs ' + request);
}
callback();
}],
...
}
我还发现了与此错误相关的这个stackoverflow 问题,但我不使用性能模块,因此解决方案不适用于我。
我该如何解决这个IDBIndex
错误?请帮忙
解决方案
关于为什么会发生这种情况的详细解释已在此处进行了评论。他们提供了一种解决方法,但也会有修复。