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

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没反应我的修改。
阅读 6k
4 个回答

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

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

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

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题