首页 > 解决方案 > 为什么我在创建新组件时在 vue.js 中出现未找到依赖项的错误?

问题描述

所以在一个 vanilla vue.js 骨架项目中,有一个名为 HelloWorld 的组件。

views/Home.vue 正在导入这个组件

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "home",
  components: {
    HelloWorld
  }
};
</script>

同样,这一切都在骨架项目中,我没有改变任何东西。

如果我举这个例子并将HelloWorld更改为Hello(同时还将views/Home.vue中的所有引用更改为Hello。我收到以下错误:

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

我在这里想念什么?

当我 grep 项目目录时,我在 node_modules 目录中找到对 Hello World 的引用,不确定那是什么

标签: javascriptvue.js

解决方案


推荐阅读