vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）

作者：System 时间：2024年08月10日分类：所有,typescript 字数：557

这篇文章距离上次修改已过447天，其中的内容可能已经有所变动。

报错信息提示/App.vue不是模块，通常意味着在尝试使用ES模块语法去导入一个Vue组件时，路径错误或文件不被识别为模块。

解决方法：

确保/App.vue文件存在于项目的正确路径下。
如果你在main.ts或main.js中使用ES模块导入语法（如import App from './App.vue';），确保文件路径前面没有/，因为/通常表示根目录，在相对路径中不需要使用。
确保你的Vite配置正确，没有任何导致Vue文件被错误处理的配置。
如果你使用的是Vue 3和Vite，确保你的项目依赖是最新的，可以通过运行npm update或yarn upgrade来更新依赖。

示例代码：




// 错误的导入方式
import App from '/App.vue';
 
// 正确的导入方式，假设App.vue与main.ts在同一目录下
import App from './App.vue';

确保你的导入语句中没有错误的路径或者不必要的斜杠。如果问题依然存在，请检查Vite配置文件（如vite.config.js），确认是否有影响模块解析的配置。