鍍金池/ 問答/HTML/ webpack打包的bundle.js里面內(nèi)容是舊的,沒有反應(yīng)新的修改

webpack打包的bundle.js里面內(nèi)容是舊的,沒有反應(yīng)新的修改

webpack打包以后生成了bundle.js,運(yùn)行flask,查看游覽器console發(fā)現(xiàn)報(bào)“[Vue warn]: Error in mounted hook: "ReferenceError: axios is not defined"”錯(cuò)誤。

點(diǎn)擊錯(cuò)誤堆棧,看到在bundle.js里,有:

mounted: function () {

axios.get('/cityNameCn').then(function (response) {
    this.cityNameCn = response.data;
}).catch(function (error) {
    console.log(error);
});

}

這個(gè)是我以前的代碼。而現(xiàn)在,我這個(gè)代碼已經(jīng)變了,但webpack里面還沒變。我后來(lái)加的那句“import axios from 'axios';”,進(jìn)不到bundle.js里面。

我運(yùn)行webpack是在命令行里運(yùn)行:node_modules/.bin/webpack 。


我想問下,是哪里不對(duì),讓webpack沒反應(yīng)我的修改。
回答
編輯回答
鹿惑

先清除下瀏覽器緩存,然后確認(rèn)下打包有沒有出錯(cuò),最后清除下npm緩存試試

2017年7月4日 05:44
編輯回答
溫衫

反正我本地開發(fā)的時(shí)候都會(huì)打開這個(gè):

clipboard.png

2018年7月29日 20:56
編輯回答
歆久

可能不是你打包出來(lái)的不對(duì),而是瀏覽器有緩存,先看看瀏覽器加載的是不是你最新的bundle

2018年3月18日 21:42
編輯回答
厭惡我

我也出現(xiàn)了這個(gè)問題,不管怎么改代碼最后打包出來(lái)的文件還是最原始的舊的,也不是瀏覽器緩存。我把這個(gè)文件的內(nèi)容刪了重新打包還是舊的。你的是怎么回事怎么解決的?

2018年6月2日 15:22