小编Rob*_*ina的帖子

Webpack 在处理动态导入(例如 React.lazy)时返回空对象或根据 webpack 配置崩溃

编辑:

我重写了几乎整个应用程序但无济于事,这是整个存储库: https: //github.com/rmolinamir/react-png-component

仍然遇到相同的处理错误:

Uncaught TypeError: Cannot read property 'dispose' of undefined
Run Code Online (Sandbox Code Playgroud)

和这个:

Unhandled Rejection (Error)
Loading chunk 0 failed.
Run Code Online (Sandbox Code Playgroud)

事实上,虽然在本地运行,但每当我尝试使用从 NPM 下载的模块时,它会在尝试查找块时崩溃。


几天前,当我尝试创建使用 React.lazy 的 NPM 包组件时,我一直在使用 Webpack 时遇到问题,但我一直无法找到解决方案。

我正在使用 React@16.8.2 和 webpack@4.29.4 构建一个惰性组件并将其发布到 NPM。

版本

"react": "^16.8.2",
"react-dom": "^16.8.2",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/core": "^7.3.3",
"webpack": "^4.29.4",
Run Code Online (Sandbox Code Playgroud)

假设我有这个组件:

import React, { Component, lazy, Suspense } from 'react'
const LazyComponent = lazy(() => import(/* webpackPrefetch: true */ './Lazy'))

class App extends Component {
  render () {
    return (
      <div>
        <Suspense …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack

5
推荐指数
0
解决办法
1419
查看次数

标签 统计

javascript ×1

reactjs ×1

webpack ×1