嗨,我正在尝试在Vue 3中导入一个组件。这是我的组件结构:
+src
+App.vue
+components
+Navbar.vue
在我的App.vue中,我尝试:
这是我的主页.ts:
import { createApp } from 'vue'
import router from './router'
import mitt from 'mitt';
const emitter = mitt();
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
import BootstrapVue3 from 'bootstrap-vue-3'
import App from './App.vue'
const app = createApp(App)
app.use(router)
app.use(BootstrapVue3)
app.mount('#app')
app.config.globalProperties.emitter = emitter;
但我得到这个错误:
Already included file name '/home/jip/Projects/snippedit/client/src/components/Navbar.vue' differs from file name '/home/jip/Projects/snippedit/client/src/components/navBar.vue' only in casing.
The file is in the program because:
Imported via './components/Navbar.vue' from file '/home/jip/Projects/snippedit/client/src/App.vue'
Root file specified for compilation
Root file specified for compilation
有人知道这个问题的解决方案吗?提前感谢。
2条答案
按热度按时间hc8w905p1#
App.vue
应该是这样的:3qpi33ja2#
如果您正在使用
vuter
扩展,请尝试重新启动/重新加载vscode