问题描述
我在项目中创建了一个名为 Person
的Vue组件。在尝试将这个组件导入到我的主应用组件 App.vue
时,遇到了以下错误信息:
解决过程
我首先检查了 components
文件夹确保 Person
组件的文件名没有拼写错误。文件存在,拼写也无误。我仔细观察了错误信息和我的导入语句,Vue在某些构建系统中默认的行为是不指定 .vue
文件的扩展名的,比如VScode在自动导入时,没有添加 .vue
后缀。
解决方案
在导入路径中添加了 .vue
后缀,如下
import Person from './components/Person.vue'
如果在Vue.js项目中遇到了类似的模块导入错误,不妨检查一下导入语句。确保在导入 .vue
文件时,路径中包含了完整的文件名和扩展名。这个小小的注意点,可能就是解决问题的关键。