Files Screenshot
Files Screenshot 2
我使用vue create和Vite(v4.3.1)创建了一个新的Vue 3项目。我使用npm run dev编辑和处理我的项目没有任何问题。但是,当我使用npm run build时,它无法正确编译我的项目。我的意思是,构建命令是成功的。它内置于1.38s,我认为这有点太快了,但有很多丢失的文件。
我相信这个版本没有包括我在资产文件夹中的任何照片或文件。我上传了新压缩的/dist文件夹到我的服务器上,我在那里放了我的投资组合并替换了它。它加载了主页面,但照片没有出现,应该带我到我的应用程序的其他页面的按钮给予了错误。src/components在那里,因为我在主页面中使用的组件是存在的,但是src/assets文件夹中除了我创建项目时已经存在的base.css和main.css文件之外没有任何东西。我应该注意到它创建的.css文件只包含我在App.vue中编写的css以及main.css和base.css中的内容。
我试着从/dist文件夹打开index.html文件,它显示一个空白的白色屏幕。我在网上搜索答案,但唯一离我的问题有一点近的是一段youtube视频。他们在Vue.config.js中修复了他们的问题,但我没有那个文件。我用vite.config.js代替。我还注意到,每当其他人构建他们的项目时,他们会收到多个.css和.js文件以及他们的资产的位置。我只收到了我的index.html、1.js文件和1.css文件。
2条答案
按热度按时间hpcdzsge1#
我坚信vite已经成功开发了这个应用。
我尝试从/dist文件夹打开index.html文件
那样行不通的
您必须通过任何Web服务器托管应用程序,例如nginx或IIS。
你能出示你的src文件夹吗?
cfh9epnr2#
我很抱歉我在文档中读到了,但不明白。你不能简单地使用antag将html文件链接在一起。您必须使用Pages或Vue Router。我使用Vue Router并修复了我的文件。他们现在显示正确时,我使用‘serve -s dist‘在终端预览和我的个人网站。Vue Router here上有一个很棒的视频。