vue项目npm run dev正常显示，npm run build打包之后没有内容

最新推荐文章于 2025-04-01 16:57:53 发布
最新推荐文章于 2025-04-01 16:57:53 发布
阅读量4k 收藏 1
点赞数 1
分类专栏： # vue # web前端开发 文章标签： vue

我的vue项目npm run dev正常显示，npm run build打包之后没有内容。原来是我在配置路由的时候开启了mode: ‘history’

var router=new VueRouter({
    routes:routes,
    mode: 'history'//去除路径中的 # 号
})

关于去除URL中的#，请移步vue-router.

关键

因为这个导致打包后路径出问题。最后还是使用hash路径方式（将mode: 'history'注释了）完成这个项目。

转载自
原文地址

npm run build无法打包的可能原因 npm ERR! missing script: build
代码青春
09-03 9万+
结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为 "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode stag...
Laravel Vite 执行 npm run build 后任然无法加载编译后的文件。
qq_38316379的博客
04-13 538
Laravel Vite 执行 npm run build 后任然无法加载编译后的文件，一直加载热更新文件，网站资源加载失败，删除hot文件即可。
运行npm run dev命令显示找不到模块：Module not found
weixin_46353030的博客
09-29 6255
报错内容 报错原因 webpack4.x和webpack5.x中，有如下约定： 1.默认打包入口文件为src/index.js 2.默认输出文件路径为dist/main.js 解决办法 1.将对应文件名改为上述两个文件名； 2.在webpack.config.json文件中自定义打包的入口和出口 //1.导入path const path = require('path') //使用Node.js中的导出语法，向外导出一个webpack的配置对象 module.exports = { //mode
npm 更新升级：最新版本或者指定版本
最新发布
m0_65696193的博客
04-01 2461
卸载项目依赖：npm uninstall --save-dev <package_name>卸载全局npm包：npm uninstall -g <package_name>单数版本可能不够稳定，建议下载偶数版本。
【Vue】vue | npm run build打包缺少模块 | 打包缺少模块代码
hgSuper的博客
12-06 1569
1、项目时间长了，vue的node_modules依赖竟然到了16个G2、之前npm run build:prod都是可以的3、最新一次竟然失败了，说缺少模块。
vuepress开发npm run dev时正常，打包npm run build时报错
github
02-05 4009
场景： 我按照vuepress文档搭建了自己的博客 npm run dev 开发的时候正常，但是要部署时 npm run build 打包发生了报错 问题描述： Error: Cannot find module ‘F:\3.Project\1.VS Code project\5.vuepress-blog\vuepress-blog\dist\manifest\client.json’ 具体的报错信息如下 Error: Cannot find module 'F:\3.Project\1.VS Cod
关于webpack打包vue项目后的页面body为空的问题
ShiYadong的专栏
03-19 3053
build之后,终端里会有个提示: Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,npm run bui...
关于vue的npm run dev和npm run build的区别介绍
10-17
在Vue项目中，我们经常会遇到两种常用的npm脚本命令：`npm run dev`和`npm run build`。这两个命令分别用于启动开发服务器和构建生产环境的应用程序。下面详细介绍一下这两个命令的区别。 1. npm run dev `npm run ...
vue中Npm run build 根据环境传递参数方法来打包不同域名
12-12
使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: ‘”dev”‘ 'use strict' const merge = require('webpack-merge') const ...
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a ...补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键 打开cmd 执行 npm install 然后再执行 npm ru
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
在生产环境下，我们通常会使用npm run build命令进行代码的打包，以优化性能、压缩文件等。然而，在完成打包后，经常遇到在本地无法打开打包后的应用文件的问题。这通常是因为Vue-cli默认设置的静态文件服务路径问题...
项目打包报错：npm ERR! missing script: build
gao_jun1的博客
10-22 3581
一、问题描述 今天使用 npm run build 对项目进行打包时，报出如下错误： npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\gaojunlong\AppData\Roaming\npm-cache\_logs\2020-10-22T03_41_56_695Z-debug.log 二、解决办法 观察package.json中的.
Vue：npm run dev成功 npm run build 失败原因
hungry0_0的博客
07-05 7222
事件：node_modules里面因为装了一个element-china-area-data的插件，npm install的时候好像不仅仅装了这个，还自动装了一下莫名其妙的东西，导致无法build，无法生成dist文件夹 解决方法：找一个好的可以build的node_modules拷贝过去，然后单独把之前的node_modules里面的element-china-area-data放到拷过来的n...
【Vue】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘
weixin_47375144的博客
07-26 5742
npm run build时报错imagemin-gifsicle 模块未找到。 更换 npm node demi的版本
解决Vue自闭合组件不显示问题
M_emory_的博客
10-16 2037
解决Vue自闭合组件不显示问题 vue风格指南
npm run build打包出错
weixin_47673852的博客
03-23 1280
项目场景： 打包项目出现报错 npm run build 原因分析： 提示：这里填写问题的分析： 例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 obtainMessage 方式当数据量过大时，由于 MessageQuene 大小也有限，所以当 message 处理不及时时，会造成先传的数据被覆盖，进而导致数据丢失。 解决方案： 提示：这里填写该问题的具体解决方案： 例如：新建一个 Messa
vue npm run build 打包失败
世上没有真正的感同身受
09-09 736
原因：端口被占用，百度有很多办法 ，我是关闭其他项目 重新打就可以了。
vue打包发布文件npm run build无法显示。。
尹小姐的博客
03-09 7170
vue 打包之后，显示不出来内容，显示找不到css,js,package.json 等等。 原因：vue-cli 升级后，需要写’.’ ———————————————————————————— 修改方法： 1、有两个assetsPublicPath，其中一个是dev,一个是build,只需要将build的assetsPublicPath多加上‘.’,就可以了，dev的如果不报错，就不用...
vue的npm run dev和npm run build的区别
04-27
`npm run dev` 和 `npm run build` 都是 Vue CLI 中的命令。 `npm run dev` 用于在开发阶段运行项目，它会启动一个开发服务器，监听文件变化并自动构建项目。 `npm run build` 用于在生产环境下构建项目。它会将项目代码编译、压缩和打包，生成可部署的静态文件。 在开发阶段，我们通常使用 `npm run dev` 来启动项目，方便修改代码和调试。而在准备部署到生产环境时，我们需要使用 `npm run build` 来生成可部署的静态文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值