Unhandled Rejection (Error): Loading chunk 8 failed.

在本地开发中,指定路由使用 history 而非 hashHistory ,也就是浏览器 URL 时,访问多级目录,报出如下错误。

  1. Unhandled Rejection (Error): Loading chunk 8 failed.
  2. HTMLScriptElement.onScriptComplete
  3. internal:/webpack/bootstrap b4c73eeef7f17a975a7d:756
  4. This screen is visible only in development. It will not appear if the app crashes in production.
  5. Open your browsers developer console to further inspect this error.

通过查看错误信息,可得知是由 webpack 报出。

解决办法是,配置 webpack 的output.publicPath属性。

webpack 官方配置:output.publicPath

webpack 中文配置:output.publicPath

在项目里的 webpack 配置文件中,添加publicPath配置:

  1. {
  2. publicPath: '/',
  3. }

到此解决完毕。注意,修改配置文件后,重启项目。

(完)