Vue WSL Ubuntu - 在新应用程序中删除 HelloWorld.vue 组件时找不到“HelloWorld.vue”依赖项”

Posted 2023-02-19

【中文标题】Vue WSL Ubuntu - 在新应用程序中删除 HelloWorld.vue 组件时找不到“HelloWorld.vue”依赖项”

【英文标题】：Vue WSL Ubuntu -"HelloWorld.vue" dependency not found" when deleting HelloWorld.vue component in new app

【发布时间】：2020-12-26 04:39:45

【问题描述】：

全新安装，通过 vue cli 安装 Vue。运行vue create app 并设置基本配置。 从 Home.vue 中删除 HelloWorld.vue 组件和随附的导入代码。 运行npm run serve 并立即遇到

未找到此依赖项：

@/components/HelloWorld.vue 在 ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader /dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js&

要安装它，你可以运行：npm install --save @/components/HelloWorld.vue

我已经尝试卸载并重新安装 Vue，更新所有依赖项， 我能想到的一切。全局搜索“helloworld”，没有任何踪迹。

在我的 Mac 上一切正常。 任何帮助都会很棒。

【问题讨论】：

删除您的node_module 目录并重新安装所有依赖项

【参考方案1】：

我有同样的问题。来自 VueCLI 的新 Vue 项目...使用 Visual Studio 代码。最新的 Yarn（不是 NPM），最新的 VS Code。节点。 Vue 3 预览版。

让我困惑了几分钟。即使我删除了 node_modules 它仍然无法工作。

我认为这可能是与您的问题不同的原因，但也许这可能会为其他人节省几分钟...

那么.. 是什么为我解决了这个问题？这听起来很愚蠢......但无论如何它都在这里！：

我使用的是 Visual Studio Code，但没有打开 AutoSave，所以在 我明确保存了重命名的 HelloWorld.vue 文件并保存了所有依赖项，如 App.vue 文件等. 我安装了纱线并再次运行，它工作了.. 哦，男孩……呃！ （掌心时刻）

【参考方案2】：

转到位于 views 文件夹中的 Home.vue 文件并完全删除 HelloWorld.vue 组件。