vite创建vue3项目页面引用public下js文件失败解决
报错问题：在使用Vite创建的Vue 3项目中，无法在页面上正确引用位于public目录下的JavaScript文件。
可能原因及解决方法：
- 路径错误：确保在
<script>标签中正确引用public目录下的文件路径。例如，如果你有一个public/js/example.js文件，你应该使用以下路径引用它：
<script src="/js/example.js"></script>注意：Vite服务器会将public目录作为一个静态文件服务的根目录，因此不需要在路径前加上/src。
- 缓存问题：Vite可能因为缓存问题而无法正确加载public目录下的文件。尝试清除缓存后重新启动服务器：
npm run dev或者，如果你使用的是Yarn，则运行：
yarn dev- 文件引用语法：确保没有语法错误，比如拼写错误或者错误的文件扩展名。
- 文件加载顺序：如果页面在public文件夹的js文件之前加载，那么可能会出现问题。确保在需要使用该js文件的地方，该文件已经加载完毕。
如果以上方法都不能解决问题，请提供更详细的错误信息，以便进一步诊断。
评论已关闭