一、问题描述

今天在运行一个vue项目时发现运行途中报这样一个错误，经过查阅相关资料可知，这是dist文件夹下

二、解决办法

根据官方文档，目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值)，所以以 file:// 协议直接打开 dist/index.html 是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器。（都进入cmd你的项目路径中去操作即可）

npm install http-server -g
#再cd进你项目的dist文件夹下，执行http-server
http-server

运行vue项目报DONE Build complete. The dist directory is ready to be deployed.解决办法相关推荐

DONE Build complete. The dist directory is ready to be deployed.
npm run build 命令执行完出现 DONE Build complete. The dist directory is ready to be deployed. INFO Che ...
vue-cli 运行vue项目，设置 “ vue-cli-service serve --open ” 自动打开浏览器，无法启动的解决办法
一,在 package.json 里面设置自动打开浏览器: "scripts": {"serve": "vue-cli-service serve - ...
记录，再次运行vue项目报错POST http://127.0.0.1:8888/api/private/v1/login/login
可以打开登录界面,却无法打开登录后界面代码没有问题,查阅资料后是后台服务器没打开删除package-lock.json文件运行npm install 再次运行node .\app.js 打开ph ...
Vue项目报错：npm ERR! code ELIFECYCLE npm ERR! errno 126
运行vue项目报如下错误: npm ERR! code ELIFECYCLE npm ERR! errno 126 npm ERR! todos@1.0.0 dev: `webpack-dev-ser ...
运行VUE项目时，出现npm ERR! A complete log of this run can be found in:...报错
运行VUE项目时,出现npm ERR! A complete log of this run can be found in:报错时,分享以下一种解决方案. 本机的 node版本如下解决方法 1. ...
记一次升级node版本后，运行原vue项目报错问题解决方法
记一次升级node版本后,运行原vue项目报错问题解决方法参考文章: (1)记一次升级node版本后,运行原vue项目报错问题解决方法 (2)https://www.cnblogs.com/happ ...
vue项目报错，解决Module build failed: Error: Cannot find module ‘node-sass‘ 问题
vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题参考文章: (1)vue项目报错,解决Module bu ...
Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案
原因:主要是nodejs17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制,npm升级导致了与OpenSSL不兼容导致的初始化失败,而我的电脑上的node.js是v18.16.0的 ...
如何运行vue项目？(详解，建议收藏) ❤️
如何运行vue项目 (详解,建议收藏) 转载首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像安装node.js 从no ...

运行vue项目报DONE Build complete. The dist directory is ready to be deployed.解决办法

一、问题描述

二、解决办法

运行vue项目报DONE Build complete. The dist directory is ready to be deployed.解决办法相关推荐

最新文章

热门文章