我使用renderToString
中的react-dom
功能(在我的服务器端)。代码看起来像(+/-):
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 内容。
答案 0 :(得分:3)
您导入本地模块的所有地方都需要在路径中包含该目录,否则它将在node_modules中搜索命名包并最终失败。
require('./store/Home/actions');
或者:
import HomeActions from './store/Home/actions';
...取决于您使用的导入样式。作为import / require语句的一部分,始终需要准确的目录。