技术堆栈:AngularFire2,Firebase,Firebase功能,Angular 7,
我将网站部署到Firebase功能时遇到错误,尽管它在本地正常运行。
角度Cli和角度通用。
AngularFire2 version: "@angular/fire": "^5.1.2"
Firebase version: "firebase": "^5.9.3"
我调试了这个,它似乎是AngularFire2的一个问题。
我试过的事情:
我升级了库并将其降级以确定是否可以修复它,但没有运气。
另外,尝试卸载npm软件包并删除软件包锁,但也没有运气。
这是firebase控制台(函数)上的堆栈跟踪错误:
ERROR TypeError: app.auth is not a function
at /user_code/dist/server.js:152999:24
at ZoneDelegate.invoke (/user_code/dist/server.js:555:26)
at Zone.run (/user_code/dist/server.js:314:43)
at NgZone.runOutsideAngular (/user_code/dist/server.js:20244:28)
at new AngularFireAuth (/user_code/dist/server.js:152997:26)
at _createClass (/user_code/dist/server.js:24259:20)
at _createProviderInstance (/user_code/dist/server.js:24221:26)
at resolveNgModuleDep (/user_code/dist/server.js:24185:21)
at _createClass (/user_code/dist/server.js:24251:29)
at _createProviderInstance (/user_code/dist/server.js:24221:26)
这是我目前的webpack.prerender.config.js:
const path = require('path');
const webpack = require('webpack');
const regex = /firebase\/(app|firestore)/;
module.exports = {
mode: 'none',
entry: {
// This is our Express server for Dynamic universal
server: './server.ts'
},
target: 'node',
resolve: { extensions: ['.ts', '.js'] },
optimization: {
minimize: false
},
output: {
// Puts the output at the root of the dist folder
path: path.join(__dirname, 'dist'),
filename: '[name].js',
libraryTarget: 'umd',
library: 'app'
},
// this makes sure we include node_modules and other 3rd party libraries
externals: [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();
}],
module: {
rules: [
{ test: /\.ts$/, loader: 'ts-loader' },
{
// Mark files inside `@angular/core` as using SystemJS style dynamic imports.
// Removing this will cause deprecation warnings to appear.
test: /(\\|\/)@angular(\\|\/)core(\\|\/).+\.js$/,
parser: { system: true },
},
]
},
plugins: [
new webpack.ContextReplacementPlugin(
// fixes WARNING Critical dependency: the request of a dependency is an expression
/(.+)?angular(\\|\/)core(.+)?/,
path.join(__dirname, 'src'), // location of your src
{} // a map of your routes
),
new webpack.ContextReplacementPlugin(
// fixes WARNING Critical dependency: the request of a dependency is an expression
/(.+)?express(\\|\/)(.+)?/,
path.join(__dirname, 'src'),
{}
)
]
};
这个问题的原因:
“引擎”:{“node”:“8”},
在functions文件夹中的package.json文件中缺少。似乎缺少这个,导致html不能用ssr完全渲染。