SSR 项目引入模块报错?

来源:13-3 瘦身任务 - 精简 package.json 依赖

慕虎1820979

2021-12-02

non包发布后,单页面应用挺好,到服务端渲染时报模块错误?

相关截图:
https://img.mukewang.com/szimg/61a83cfa080ab61a10001334.jpg

相关截图:
https://img.mukewang.com/szimg/61a83d0f08c0659c10001334.jpg

写回答

1回答

张轩

2021-12-02

同学你好

因为我们使用 tsc 打包的是 es6 格式的 es modules,而在 nodejs 端有可能不支持这样的模式(nodejs 一般使用的 commonjs)格式,这里的报错也是这个原因。

1这里有 nextjs 使用的一个插件可以转换 https://stackoverflow.com/a/66246141

2 同时打包 commonjs 和 esm 两种格式的代码,一般需要使用 rollup 或者 webpack 这种打包工具,这个可以在后面的更新中给大家增加这部分内容


1
0

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2122 学习 · 959 问题

查看课程