错误：在部署云功能时解析触发器时出错 - Firebase

Question

我正在使用来自react-dom renderToString函数（在我的服务器端）。 代码看起来像（+/-）：

import Home from './app/containers/Home';
const app = express();

app.get('**', (req, res) => {
  const html = renderToString(<Home />);
  res.set('Cache-Control', 'public, max-age=600, s-maxage=1200');
  res.send(html);
});

一切顺利，直到我尝试在服务器上部署它。

控制台中的示例错误 ：

Error: Error parsing triggers: Cannot find module 'store/Home/actions'

什么时候出现？

如果我将路径更改为其他组件（ 不使用任何其他组件（仅来自节点的模块，如react或react-redux ）），它可以正常工作 。

但是如果我尝试使用一些使用其他组件并导入它们的组件，例如：

var _CreateUser = require('components/Pages/CreateUser'); （它在渲染组件中）

现在它将失败并出现错误：

Error: Error parsing triggers: Cannot find module 'components/Pages/CreateUser'

所以目前我卡住了，因为我必须在服务器端使用我的整个应用程序，而不仅仅是一个不导入任何内容的组件:)

为什么这样工作？ 为什么会失败？ 是不是webpack配置失败了？

期待任何帮助。 谢谢。

请注意 ，正如我上面所说，如果我使用任何导入（不使用其中的任何其他组件）将某些组件渲染为字符串 - 服务器端渲染工作正常，并且我能够在页面加载之前看到renderedToString内容。

Answer 1

您导入本地模块的所有地方都需要在路径中包含该目录，否则它将在node_modules中搜索命名包并最终失败。

require('./store/Home/actions');

要么：

import HomeActions from './store/Home/actions';

...取决于您使用的导入样式。 始终需要准确的目录作为import / require语句的一部分。

Answer 2

您使用的是相对路径， cd中以及从功能目录部署所以它是正确的。

Answer 3

看起来您的Home组件位于functions/app/containers/Home ，您需要访问文件functions/app/store/Home/actions 。

从你的containers/Home文件，你需要两个目录上的app文件夹，然后走下来两个目录，以正确的文件。 所以

import HomeActions from '../../store/Home/actions'`. 

每个../表示将一个目录上传到父文件夹。 我们去了

functions/app/containers/Home to

functions/app/containers/ to

functions/app然后我们可以指定从那里继续的路径

store/Home/actions