首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >TypeError:当SSR具有可加载组件和无服务器时,无法读取未定义的__esModule属性/* webpackPrefetch: true */

问TypeError:当SSR具有可加载组件和无服务器时,无法读取未定义的__esModule属性/* webpackPrefetch: true */
EN

Stack Overflow用户
提问于 2021-06-25 17:09:01
回答 1查看 255关注 0票数 0

我正在使用serverless部署一个带有SSR的React应用程序。当我使用loadable-compoennts进行代码拆分时,一切都很好,直到我尝试优先使用资源。向任何可加载方法添加/* webpackPrefetch: true */会导致在导入my < App >时服务器端崩溃

代码语言:javascript
复制
TypeError: Cannot read property '__esModule' of undefined
    at /Users/alexgawley/code/serverless/tmp/loadable-repro/.webpack/service/src/servers/static.js:29310:34
    at Object.<anonymous> (/Users/alexgawley/code/serverless/tmp/loadable-repro/.webpack/service/src/servers/static.js:29312:12)
    at Module._compile (internal/modules/cjs/loader.js:999:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at /Users/alexgawley/code/serverless/tmp/loadable-repro/node_modules/serverless-offline/dist/lambda/handler-runner/in-process-runner/InProcessRunner.js:157:133
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async InProcessRunner.run (/Users/alexgawley/code/serverless/tmp/loadable-repro/node_modules/serverless-offline/dist/lambda/handler-runner/in-process-runner/InProcessRunner.js:157:9)
To Reproduce

重现行为的步骤:

代码语言:javascript
复制
git clone https://github.com/agawley/loadable-repro
npm i
npm run offline

加载http://localhost:3000

页面应该加载一个“显示/隐藏”链接,该链接显示延迟加载的组件SomeText。如果您从app.js中删除了/* webpackPrefetch: true */注释,您将获得预期的行为(但没有预取!)

代码语言:javascript
复制
## System:
 - OS: macOS 10.15.7
 - CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
 - Memory: 834.46 MB / 16.00 GB
 - Shell: 5.7.1 - /bin/zsh
## Binaries:
 - Node: 12.22.1 - ~/.nvm/versions/node/v12.22.1/bin/node
 - Yarn: 1.22.10 - /usr/local/bin/yarn
 - npm: 7.13.0 - ~/.nvm/versions/node/v12.22.1/bin/npm
## npmPackages:
 - @loadable/babel-plugin: ^5.13.2 => 5.13.2 
 - @loadable/component: ^5.15.0 => 5.15.0 
 - @loadable/server: ^5.15.0 => 5.15.0 
EN

回答 1

Stack Overflow用户

发布于 2021-07-02 18:55:41

得到了webpack的回答。这是个bug in webpack。PR to fix (尚未接受,但可作为补丁使用)

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68128393

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档