react 打包遇到的問題記錄

2021-10-17 14:29:09 字數 1342 閱讀 8338

遇到一次更新一點,沒遇到就算了

二、作為背景的打包後不顯示

三、browserslisterror:unknown browser query 『dead』

問題描述:

當引入依賴過大,或者**行數超過10萬行等打包顯示堆溢位

原因分析:

問題就是原因了

解決方案:

–max-old-space-size=4096

"scripts"

:,

問題描述:

開發環境顯示正常,打包也成功了,放到伺服器上找不到

原因分析:

過大,url-loader預設檔案大小為無限制,但是react的webpack配置裡有有限制,預設選擇node環境變數裡配置的image_inline_size_limit,未定義時設定為10000位元組。當你的大小超過10000,就沒辦法轉換為base64格式了,得改limit。但是一般的大小也不會超過10000。但是吧,當時我那專案就是有幾個超過限制的,沒辦法就改配置咯,改了個兩萬夠了。

解決方案:

問題描述:

打包就報 browserslisterror:unknown browser query 『dead』 at array.foreach... css啥的也沒錯

原因分析:

解決方案:

修改或者刪除package.json 裡 browserslist配置,我的專案裡壓根沒有這個 browserslist

修改新增 browserslist到webpack.config.js 裡,試了沒用…

修改webpack.config.js 裡 css-loader 最小化配置 true => false 有用!我以為是css-loader 版本(0.28.7)太低的問題(別問我為嘛這麼低,公司老專案我能怎麼辦),公升級了@3.4.2,然後發現新一點的css-loader 版本移除了 minimize ,刪掉,打包就成功了

解決描述鏈結

react 打包遇到的問題

1.npm run build 打包後報錯 child html webpack plugin for index.html 1asset entrypoint html webpack plugin for index.html index.html child mini css extract ...

在angular打包優化中遇到的問題 記錄

正常是ng build 優化打包方式 ng build prod aot 使用這個打包的時候 報錯 這個寫法的是 publicservice只能在constructor中使用,所以應該改為 即可解決問題 還有一部分報錯 是因為 平時 不注意規則 不太標準 以及html頁面裡有無用字段造成的 使用如上...

Python遇到的問題記錄!

1.pip安裝時出現錯誤 f 2017 autotest ncloud autologin python package pip install lxml fatal error in launcher unable to create process using 解決辦法 檢查環境變數 impor...