App.vue vue

在使用vue3+Vite+ts或者js搭建前端框架时，如果在main.ts或者main.js中引入App.vue报错，报错内容为/App.vue不是模块。根据情况的不同，有两种解决方案。

情况一：vue3.0 js
如果在使用vue3.0 js时遇到该问题，可以按照以下两种方案解决：
方案一：在根目录新建env.d.ts文件。
方案二：在根目录新建tsconfig.json文件。

情况二：vue3.0 ts
如果在使用vue3.0 ts时遇到该问题，可以按照以下步骤解决：
1. 在App.vue文件中，确保template部分的路径正确，比如"./assets/logo.png"。
2. 在script部分，通过import语句引入所需的组件，比如import HelloWorld from './components/HelloWorld.vue'。
3. 在export default中，将需要引入的组件添加到components属性中，比如{ HelloWorld }。
4. 确保你的文件结构正确，各个文件的相对路径没有问题。

这样就可以解决在引入App.vue时报错的问题了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）](https://blog.csdn.net/XSL_HR/article/details/128437240)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue：默认的App.vue](https://blog.csdn.net/KaiSarH/article/details/109890118)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]