瑞吉外卖遇到的问题-----修改前端代码一定要做的事

这个问题困扰我很久(我太菜了)，明明代码和黑马老师的一致，但是却仍然出错，一开始看到弹幕说要清除缓存，我没在意(还是要多多尝试别人的建议)，后面偶然想起删除target文件然后重新试了一遍，仍然没有起到想要的效果，于是我又想起弹幕清除缓存，最后在此操作下成功实现。

修改了前端代码(front)之后，一定要 删除target文件和清除浏览器缓存！

即使你代码没问题，也会因为之前的错误报错，没有起到更新。

以下是关于为什么要进行上述操作

1. 删除target文件

target目录（或类似的目录，如dist、build等）通常是构建工具（如Maven、Gradle、Webpack等）用来存放构建后的文件（如压缩的JavaScript、CSS、HTML等）的地方。当你修改了源代码并重新构建项目时，构建工具会将这些更改应用到新的构建文件中。

但是，如果你没有删除旧的target目录，并且构建工具没有配置为总是从头开始构建（这通常可以通过命令行参数或构建配置来实现），由于clean-webpack-plugin 的最新版本（v3+）已经改为在每次构建之前自动清理输出目录，而无需额外配置。如果你使用的是旧版本，你可能需要配置它。

通过运行指令可以发现，我并没有安装clean-webpack-plugin，因此不会实现自动清理输出项目的功能

，那么它可能会跳过某些步骤或仅更新更改的文件，这可能导致以下问题：

• 旧文件残留：如果某些文件在构建过程中没有被更新或替换，你可能会在浏览器中看到旧的代码。

• 构建错误：在某些情况下，旧的构建文件可能与新的源代码不兼容，导致构建失败。

因此，删除target目录（或相应的构建输出目录）可以确保你从一个干净的状态开始构建，从而避免这些问题。

2. 清除浏览器缓存

浏览器缓存是一种机制，用于存储已下载的网页资源（如HTML、CSS、JavaScript、图片等），以便在后续请求时更快地加载它们。但是，这也可能导致你在修改了前端代码后无法立即看到这些更改。

当你请求一个网页时，浏览器会首先检查其缓存中是否有该资源的副本。如果有，并且该资源被认为是“新鲜的”（即没有过期），那么浏览器就会从缓存中加载该资源，而不是从服务器重新下载它。这可以大大加快网页的加载速度，但也会阻止你看到对源代码所做的任何更改。