nextjs example + multiple transpiled es6 functions - failed deploys

[johnkorzhuk]

Link to repo

When skipping the es6 transpilation step and just using exports.* in the functions/ dir using 6.11.* compatible code the deploys work just fine with the nextJS function. However, when including the transpilation step with es6 imports, the deploys error out:

⚠  functions[nextJS]: Deploy Error: Function load error: Error: cannot communicate with function.
⚠  functions[helloWorld]: Deploy Error: Function load error: Error: cannot communicate with function.
⚠  functions[helloWorld2]: Deploy Error: Function load error: Error: cannot communicate with function.
Error: Functions did not deploy properly.
error Command failed with exit code 1.

So this code works:

const functions = require('firebase-functions');
const next = require('next');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev, conf: { distDir: 'next' } });
const handle = app.getRequestHandler();

exports.helloWorld = functions.https.onRequest((req, res) => {
  const world = `from ES6 in Cloud Functions!`;
  res.status(200).send('Hello' + world);
});

exports.helloWorld2 = functions.https.onRequest((req, res) => {
  const world = `!!!!!!!!`;
  res.status(200).send('Hello' + world);
});

exports.nextJS = functions.https.onRequest((req, res) => {
  console.log('File: ' + req.originalUrl); // log the page.js file that is being requested
  return app.prepare().then(() => handle(req, res));
});

But this code...

import * as functions from 'firebase-functions';
import next from 'next';

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev, conf: { distDir: 'next' } });
const handle = app.getRequestHandler();

export const helloWorld = functions.https.onRequest((req, res) => {
  const world = `from ES6 in Cloud Functions!`;
  res.status(200).send(`Hello ${world}`);
});

export const helloWorld2 = functions.https.onRequest((req, res) => {
  const world = `!!!!!!!!`;
  res.status(200).send(`Hello ${world}`);
});

export const nextJS = functions.https.onRequest((req, res) => {
  console.log('File: ' + req.originalUrl); // log the page.js file that is being requested
  return app.prepare().then(() => handle(req, res));
});

When transpiled doesn't work:

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.nextJS = exports.helloWorld2 = exports.helloWorld = undefined;

var _firebaseFunctions = require('firebase-functions');

var functions = _interopRequireWildcard(_firebaseFunctions);

var _next = require('next');

var _next2 = _interopRequireDefault(_next);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

var dev = process.env.NODE_ENV !== 'production';
var app = (0, _next2.default)({ dev: dev, conf: { distDir: 'next' } });
var handle = app.getRequestHandler();

var helloWorld = exports.helloWorld = functions.https.onRequest(function (req, res) {
  var world = 'from ES6 in Cloud Functions!';
  res.status(200).send('Hello ' + world);
});

var helloWorld2 = exports.helloWorld2 = functions.https.onRequest(function (req, res) {
  var world = '!!!!!!!!';
  res.status(200).send('Hello ' + world);
});

var nextJS = exports.nextJS = functions.https.onRequest(function (req, res) {
  console.log('File: ' + req.originalUrl); // log the page.js file that is being requested
  return app.prepare().then(function () {
    return handle(req, res);
  });
});