技术堆栈:AngularFire2,Firebase,Firebase函数,Angular 7,
将网站部署到Firebase Functions中时出现错误,尽管它可以在本地正常运行。
Angular Cli和Angular Universal。
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'),
{}
)
]
};
答案 0 :(得分:2)
此问题的原因:
“引擎”:{ “ node”:“ 8” }
functions文件夹中的package.json文件缺少。 似乎缺少这种情况会导致html无法使用ssr完全呈现。