webpack Uncaught TypeError: Cannot read property 'call' of undefined

最新推荐文章于 2025-05-02 20:53:45 发布

潇潇木木

最新推荐文章于 2025-05-02 20:53:45 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： React webpack

本文链接：https://blog.youkuaiyun.com/qq_39664535/article/details/97403329

React 同时被 2 个专栏收录

4 篇文章

订阅专栏

webpack

1 篇文章

订阅专栏

本文详细探讨了在升级Webpack过程中遇到的缓存问题，尤其是在单页应用中，即便使用mini-css-extract-plugin替换extract-text-webpack-plugin，仍可能因浏览器或nginx缓存导致新版本部署失败。文中分享了调整nginx配置，禁止缓存特定文件类型的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

尝试升级webpack4.35，extract-text-webpack-plugin更改为mini-css-extract-plugin还是没有解决问题，各种查询到的办法也是不能解决问题，怀疑是缓存导致，单页应用的index.html如果被缓存那么js肯定是缓存中的，如果发布新版本，很有可能导致错误,附上nginx配置

   location ~* \.(?:manifest|appcache|html?|xml|json)$ {
        root /usr/local/server/public;
        expires -1; // index.html 不允许缓存
    }

即使不允许浏览器缓存依旧没有解决问题，还是会出现其他的can’t read xxx 类似的问题，是由于nginx缓存了index.html文件，每次浏览器请求都会拿到nginx缓存的文件，奇怪就奇怪在index.html文件每次打包肯定会修改引用的js和css文件，内容是会改变的，但是请求的Etag返回值和请求值相同（改变文件是需要重启nginx？才会重新计算Etag），于是增加不允许使用nginx缓存配置


location ~* \.(?:manifest|appcache|html?|xml|json)$ {
        root /usr/local/htdocs/adioserver/adio-pre-node-server/server/public;
        proxy_cache_bypass 0; // 不允许nginx缓存
        expires -1;
    }