Угловая универсальная ошибка - app.auth не является функцией - PullRequest
Новая
       23

Угловая универсальная ошибка - app.auth не является функцией

1 голос
/ 10 апреля 2019

Технический стек: AngularFire2, Firebase, Firebase Functions, 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'),
      {}
    )
  ]
};

1 Ответ

2 голосов
/ 11 апреля 2019

Причина этой проблемы:

"двигатели": { "узел": "8" },

отсутствует в файле package.json в папке функций. Похоже, что из-за этого отсутствует HTML не полностью отображать с SSR.

...