初学vue解决第一次搭建项目成功后无法打开的问题

最新推荐文章于 2024-03-09 17:59:22 发布
最新推荐文章于 2024-03-09 17:59:22 发布
阅读量1.3k 收藏 1
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcyst/article/details/124080063
版权

本来前几天成功按照nodejs等，成功按照教程搭建了一个项目

今天本来想进一步学习如何改，但是发现原来的项目 npm run dev运行不了

在网上找寻解决方法

刚第一次输入npm run dev是这样

然后cd firstvue(项目名)

我想清除一下，所以用了npm cache clean --force

结果是这样

再查资料，参考

npm 启动项目遇到的问题 - 小彤baby - 博客园

我尝试了一下降低了版本，用npm install npm@6.14.10 -g

再这两条命令，就一路通畅了

再npm run dev就ok！

 

就可以了

 挂一个很好的项目入门

基于vscode的vue开发_Kessity的博客-CSDN博客_vscode开发vue

 

 

阳仔zcy
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue请求接口第一次成功,第二次失败问题
10-14
主要介绍了解决vue请求接口第一次成功,第二次失败问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决Vue 项目打包后favicon无法正常显示的问题
10-18
今天小编就为大家分享一篇解决Vue 项目打包后favicon无法正常显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue脚手架创建项目失败，报错淘宝镜像地址证书过期问题解决
最新发布
DLGDark的博客
03-09 1110
使用vue-cli脚手架创建vue新项目时，控制台报错，创建失败。最终发现，本地有一个.vuerc文件，里面有个配置项。，这个的值改为false即可。
Vue CLI3搭建的项目中路径相关问题的解决
10-18
主要介绍了Vue CLI3搭建的项目中路径相关问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2021-3-2 Vue 编译正确 页面空白错误 总结
m0_46258409的博客
03-02 100
一： 在templates 中的 div 要加上 <template> <div> 员工资料 </div> </template> <script> export default { name: "PerEmp" } </script> <style scoped> </style>
Vue3 vite build 之后不显示页面内容，只显示空白，也没有报错如何解决
04-11 6699
添加 base，意思是 build 之后的外部资源都从当前目录的相对路径获取。我不知道是什么原理哈，反正是管用，之前在没有使用。中关闭这个选项的，所以差不多的事应该。这样在 build 之后就能正常显示了。
Vue项目运行成功后打不开
congcong_i的博客
01-25 7454
有个Vue项目很久没运行了，时隔多月，在云端把它拉取下来之后，通过npm run dev命令能够成功运行起来，但是通过http://localhost:8080/在网页上无法打开。 在Microsoft Edge浏览器上打开http://localhost:8080/会一直转圈，显示无法打开时的默认界面。 在搜狗浏览器上打开时也会一直转圈，但会在控制台输出URIError: URI malformed 解决方法： 将前端Vue项目的node_modules文件夹中的文件删除，然后再通过npm .
Question：vue-cli编译运行通过，但启动app后, 界面显示空白
RaySunWHUT
10-25 1888
直接在启动页面，按F12查看浏览器的console输出的error，定位到error所在代码为止，直接修改即可。
vue项目打包后首页一片空白解决办法和具体原因总结
热门推荐
吹过麦田的风的专栏
08-20 3万+
很高兴在万千文章中你看到本章，希望能为你解决问题！！！ 在最初用vue+webpack+vue-router做项目的时候，在本地pc开发测试都是正常的，但是在把代码打包部署到测试服务器之后，访问项目首页总是白屏。 第一种，打包后的dist目录下的文件引用路径不对，会因找不到文件而报错导致白屏。 解决办法：修改一下config下面的index.js中bulid模块导出的路径。因为index.h...
vue项目打包后打开页面空白解决办法
08-27
主要介绍了vue项目打包后打开空白解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VUE项目运行失败原因以及解决办法
Smile1552911411的博客
04-04 1万+
ENOENT: no such file or directory, open 'D:\code\human_resource_management 3\package.json'
python网页解析模块_python爬虫网页解析之parsel模块.html
weixin_27012835的博客
02-21 861
(function(){if(''){if (prompt('请输入文章密码') !== ''){alert('密码错误！');history.back();}}})();var NexT = window.NexT || {};var CONFIG = {hostname: new URL('https://kechenhh.gitee.io').hostname,root: '/',schem...
vite+vue3编译后打开index.html空白
qq_43566808的博客
05-24 3306
打包后的文件，通过file协议无法直接打开，白屏报错跨域等一系列问题
关于vue3.0编译后显示空白页的问题
吴文静的博客
06-17 3692
先说一下我遇到的问题 我用的vue3.0搭建的项目，本来项目前期开发好好的。也能正常serve。但是项目要上线的时候，build过后，运行本地的dist里面的index，显示空白页面，而且还报错，错误的原因是我根本没把资源文件加载成功。 报错如下，并且好好的项目，怎么都不能运行 于是乎，我开始在网上各种搜索，寻求解决方法。但是有没有用，整到快下午的时候。发现其实是自己vue.config.js里面的module.exports = {}配置根本没有任何作用。我有开始用console.log(“开始打包”)
vuecli 编译后部署_vue-cli3项目build编译之后运行报错
weixin_39562606的博客
12-21 638
vue-cli3项目build编译之后运行项目打开报错，如图：这个问题是vue-cli3没有【vue.config.js】导致的，直接再项目根目录创建这个文件，最后在【vue.config.js】里面写module.exports = {publicPath: './'}在执行一下build就好了。完整参考配置：module.exports = {/* 部署生产环境和开发环境下的URL：可对当前环...
vue打包之后出现空白页的原因以及解决方式
温情
04-02 3万+
路由模式 history 新建项目什么都不动，路由模式：history, 直接npm run build打包 打包之后，直接打开dist文件里面的ndex.html可以看到页面是空白的，控制台是这样的。 再看看网页源码, 对比dist文件夹结构可以看到资源路径的引入是错误的，应该用'./'而不是'/' 那怎么修改打包之后的路径呢？查看vue-cli官网配置参考中的publicPath 我们只需要在和package.json同级的地方新增一个vue.config.js文
vue项目打包后显示空白解决方案？
DW14687的博客
12-09 8397
目录前言一、页面空白？二、图片加载不出来？总结vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。页面空白说明打包路径有问题，打开config/index.js，找到build下的assetsPublicPath，修改为'./'，如下：这里说一下，dev环境下 assetsPublicPath: '/'，表示项目根目录，build 环境下的 assetsPublicPath: './'，表示当前更目录配置完后打包发现有页面出现了注意：如果还没有页面出现，那可能是你的路由模式选用
vue 运行项目浏览器页面显示“该网页无法正常运作”
zuo-yiran的博客
06-18 3285
项目运行成功并自动弹出 但是页面上显示： 确定问题： 检查build/webpack.dev.conf.js文件中是否存在下面代码： disableHostCheck: true, https: true, 如果有的话，确定一下是否用的https进行的访问，如果用https进行访问进行信任后，出现以下页面： 则需要把鼠标在空白处点击，输入： thisisunsafe 相当于告诉谷歌这个是不安全的即可正常打开页面进行访问。 ......
vue打开页面第一次请求成功第二次就失败没有返回码
09-07
在Vue中，当打开页面时，如果第一次请求成功，而第二次请求失败且没有返回码，可能有以下几种可能的原因： 1. 服务器端错误：可能是服务器端出现了问题，导致第二次请求无法成功。可能是服务器配置错误、数据库连接...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值