Vue-CLI 不监视子文件夹中的文件答案

【问题标题】：Vue-CLI doesn't watch files in sub-foldersVue-CLI 不监视子文件夹中的文件
【发布时间】：2020-01-05 09:30:06
【问题描述】：

如您所知，当我们在 Vue 项目上运行 npm run serve 时，它会观察您的组件的任何变化，并且会实时构建它，以便您可以看到变化。它就像一个观察者。
现在我有一个项目，一些组件在子文件夹中，当我更改一些代码时，serve 命令没有任何反应。我的意思是我必须取消当前构建并再次运行 npm run serve 以查看更改。

这行得通：
src/views/admin/AdminCampaignList.vue

但这不起作用：
src/views/admin/campaign/CampaignAddCustomer.vue

这是我的 Vue-congif.js：

module.exports = {
lintOnSave: false,
runtimeCompiler: true,
publicPath: '/'
};

Vue 无法提供“src/views/admin/campaign”文件夹组件是怎么回事？

【问题讨论】：

标签： vue.js vue-cli-3

【解决方案1】：

我在我的 Linux 机器上遇到了同样的问题——Vue-CLI 工具一直显示一切正常，但同时忽略了很多文件夹。然后我尝试将我的存储库克隆到另一个文件夹，这意味着我也重新安装了 node_modules。但它向我显示了如下错误：

错误：ENOSPC：已达到文件观察者数量的系统限制，请注意 '/home/用户名/桌面/文件夹/公共'

所以我刚刚在终端运行下一行：

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

现在我不再有这样的问题了。

【讨论】：