webpack打包的bundle.js里面内容是旧的，没有反应新的修改

Question

webpack打包以后生成了bundle.js，运行flask，查看游览器console发现报“[Vue warn]: Error in mounted hook: "ReferenceError: axios is not defined"”错误。

点击错误堆栈，看到在bundle.js里，有：

mounted: function () {

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

}

这个是我以前的代码。而现在，我这个代码已经变了，但webpack里面还没变。我后来加的那句“import axios from 'axios';”,进不到bundle.js里面。

我运行webpack是在命令行里运行：node_modules/.bin/webpack 。

---

我想问下，是哪里不对，让webpack没反应我的修改。

Answer 1

可能不是你打包出来的不对，而是浏览器有缓存，先看看浏览器加载的是不是你最新的bundle

Answer 2

先清除下浏览器缓存，然后确认下打包有没有出错，最后清除下npm缓存试试

Answer 3

反正我本地开发的时候都会打开这个：

Answer 4

我也出现了这个问题，不管怎么改代码最后打包出来的文件还是最原始的旧的，也不是浏览器缓存。我把这个文件的内容删了重新打包还是旧的。你的是怎么回事怎么解决的？