【vue】解决npm run build失败问题

二开Thingsboard2.4.3,常见问题解决 以下问题都是本地曾经安装过thingsboard其他版本以后,出现的错误,全部都是刚刚打包包括运行时遇到的问题,未遇到的不做记录。 问题一 打包问题:常见问题 Failed to run task: 'npm install' failed. java.io.IOException: Cannot run program "thingsboard\ui\target\node\node.... 阅读详情
问题背景:

弄好了vue项目,想打包成dist,运行npm run build的时候报错如下:
在这里插入图片描述

问题说明:

首先,npm run build失败的原因大部分都是因为webpack的子库和webpack的版本号不对应的问题
根据你自己项目的不同,有不同程度的不兼容问题。比如我上面的问题中,显示是"optimize-css-assets-webpack-plugin"这个字库有问题。
有什么问题呢?一般就是版本不兼容的问题。我们找到package.json这个文件然后看一个这个库的版本号,发现是5.0.3,而我当前webpack的版本是3.6.0.
在这里插入图片描述

然后进入到这个库的官方文档中,可以发现下面的说明:
在这里插入图片描述
也就是说我现在的webpack是3.6.0的,就需要使用3.2.0的optimize-css-assets-webpack-plugin。

解决方式:

哪个库出了问题,就在这个库对应的官网看看这个库和webpack版本号兼不兼容。
然后在package.json中调整这个库的版本:
在这里插入图片描述
最后输入npm install重新下载一下库,再使用npm run build,就可以了:
在这里插入图片描述

npm run build报Cannot find module错误的解决方法 删除 node_modules 目录,再重新执行 npm install build 后问题解决。 阅读详情

相关推荐

Lumerical Python API实战指南(一)——从数据优化到自动化工作流

本文是Lumerical Python API实战指南,旨在帮助用户从繁琐的手动仿真操作转向智能自动化工作流。文章详细介绍了API环境的零基础搭建、核心操作(会话管理、命令执行与数据交换),并通过参数扫描与自动化分析流水线的实战案例,展示了如何利用Python脚本实现从数据优化到自动化仿真的全过程,显著提升光子设计效率。

xxx12的博客 566

npm run build 打包命令

vue使用npm run build命令打包项目 当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来,但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。 首先 命令行执行npm run build命令,命令需要在项目目录下执行 C:\Users\John\Desktop\demo>npm run build 我的是一个在...

m0_56174822的博客 7万+

S32K344 Bootloader实战:一个按键实现从Boot到App的无缝跳转(附完整代码)

本文详细介绍了基于NXP S32K344微控制器的Bootloader开发实战,重点解析如何通过一个硬件按键实现从Boot到App的可靠跳转。内容涵盖内存分区规划、中断向量表重映射、外设初始状态管理等核心要素,并提供了完整的代码示例和调试技巧,适用于汽车电子和工业控制等高可靠性应用场景。

weixin_29192365的博客 307

前端项目打包与发布

所以Vue官方推出一款Chrome插件Vue-devtools,Vue-devtools是一款基于Chrome浏览器的插件,用于调试Vue应用,这可以极大地提高调试效率。当添加完Vue-devtools扩展程序之后,在调试Vue应用的 时候,打开F12,在Chrome开发者工具中会看一个Vue栏,单击之后就可以看见当前页面Vue对象的一些信息,如图7-22所示。步骤1:首先安装全局的serve,在命令行输入命令npm install-g serve,Vue-devtools的安装步骤如下。

leva的博客 1万+

保姆级CVE-2018-17066漏洞复现 DLink命令注入漏洞(更新完结)

之后按照之前复现的方式一样 我们丢到kali中执行binwalk解析。之后为了模拟 可以在kali里安装qemu-mipsel。在bin目录下可以尝试将goahead的环境搭配好。固件官网可以进行下载。

weixin_51339377的博客 878

MATLAB与STK互联23:卫星对象操作(14)—仿真分析案例1,建立8个地面站,分析对卫星的可见性

学习到这里,我们有必要做个仿真分析案例,把之前我们学习的零散知识点串起来,看一下在真实的分析中怎么应用。 分析要求:建立8个地面站,分析每个地面站对某个轨道高度500km、倾角60°圆轨道的卫星,1天内的可见次数、可见弧长以及可见弧段间隔列表。 基本约束:地面站仰角8°~90°,作用距离<2000km,太阳矢量与地面站到卫星视线夹角不小于15°,可见弧段应大于30s。地面站站址可随机生成,但要求在南北纬50°范围内。 下面上代码: uiap = actxserver(‘STK11.application’)

ltylty001的博客 7490

前端主流框架:项目运行命令 npm 详解

npm提供了一系列命令,用于管理项目的依赖、运行脚本、发布包等。

m0_61176833的博客 1万+

高精度有源积分器设计:基于罗氏线圈的电流测量方案解析

在电力系统保护、工业自动化及高精度计量领域,电流的非接触式精确测量是核心需求。传统电流互感器存在磁芯饱和、频带受限等局限,难以应对现代电力电子设备产生的复杂波形。罗氏线圈作为一种空心电流传感器,凭借其宽频带、高线性度及无饱和风险的优势,成为理想解决方案。其工作原理基于法拉第电磁感应定律,输出信号与被测电流的导数成正比,因此必须通过积分运算恢复原始电流波形。积分器的精度、稳定性及动态响应直接决定了整个测量系统的性能上限。一个设计精良的有源积分器能有效解决直流漂移、相位误差及噪声放大等挑战,在继电器保护、断路器

weixin_30036289的博客 310

mac解决最新vue-tools的npm run build一直失败问题!最新!mac!不坑你!

转载请注明~ 网上的教程全都是windows,旧版的,一个能用的都没有,我去https://github.com/vuejs/vue-devtools克隆下来但是按照网上的教程一直失败,失败如下图 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-devtools@5.3.3 build: `cd packages/shell-chr...

卓越无关环境,保持空杯心态——靡不有初,鲜克有终 1万+

深入解析LinuxCNC源码:从界面开发到硬件交互

本文深入解析LinuxCNC开源数控系统的源码架构与二次开发实践。详细介绍了从GTK+界面定制、Python脚本绑定,到硬件抽象层(HAL)配置与核心运动控制模块的完整开发流程。通过实战案例,帮助开发者掌握如何基于LinuxCNC源码进行界面开发和硬件交互定制,实现个性化数控系统。

weixin_29164843的博客 540

Linux下搭建简易的HTTP服务器完成图片显示

篇文章作为Linux下socket(TCP)网络编程的练习,使用C语言代码搭建一个简单的HTTP服务器,完成与浏览器之间的交互,最终在浏览器上显示一张图片;通过这个例子可以巩固socket里多线程使用,也可以方便学习了解HTTP协议。

2586

解决vue-devtool执行npm run build报错问题

1.问题 Vue官方下载vue-devtool工具–此时最新版本为5.3.4,下载zip即可–并执行命令,遇见各式问题。 npm i npm run build 2.解决 1)更新nodejs 建议小伙伴们安装一下nvm(nodejs的版本管理工具),下载最新的LTS版(长期支持版)。若与遇安装失败问题,参考文档:nvm安装nodejs失败解决 修改registry npm config set registry http://registry.npm.taobao.org/ 2)webpack安装失

sinat_34849163的博客 6346

移位寄存器——用Verilog实现串入串出、串并和并串转换并进行Modelsim仿真

用Verilog实现串并转换 首先我们先要了并串和串并转换的原理 并串转换:先将八位数据暂存于一个八位寄存器器中,然后左移输出到一位输出端口,这里可以通过一个“移位”来实现,相当于实现了移位寄存器的功能。 串并转换:新输入的位值成为原来数据的最低位,将原来数据的最高位舍去,这里可以通过一个简单的“连接符”来实现。 我们这里采用两种方式来进行串并转换 一:lsb优先 Least Significant Bit,最低比特,最低位优先 二:msb优先 Most Significant Bit,最高比特,

H19981118的博客 2万+

linux npm run build,npm run build 报错

debug0 info it worked if it ends with ok1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',1 verbose cli 'C:\\Program Files\\nodejs\\node_global\\node_modules\\npm\\bin\\npm-cli.js',1 verbose cli...

weixin_42398635的博客 1597

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

vue 打包npm run build执行不了时,把这段npm版本监测注释了就可以解决

wangqin5436的博客 845

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

vue3 element-plus 动态设置el-button类型,npm run dev项目正常,npm run build失败

“vue”: “^3.2.16”, “vite”: “^2.6.4”, “element-plus”: “^2.1.4”, 以下程序可以正常执行,但是npm run build失败 <template> <el-button :type="typeBtn">sfsdfsdf</el-button> </template> <script lang="ts" setup> const typeBtn = ref('info'); </sc

jdjfjgfdgdfg的博客 2825

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

npm run build打包后页面白屏,找不到资源解决

当使用npm run bulid打包后,打开dist/index.html会发现一片空白,并有报错,不能加载到资源 解决方案: 找到config/index.js文件, 第39行 build:{ assetsPublicPath: './', } 将assetsPublicPath: / 前加上点 assetsPublicPath属性作用是指定编译发布的根目录,‘/‘指的是项目的...

sunluyi的博客 3370

vue-devtools安装不上,各种问题,npm install有bug,npm run build也有bug, 无法为内容脚本加载 JavaScript“build/hook.js”

ivyone@ivyonedeMacBook-Pro devtools-main % npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-devtools@6.0.0-beta.15 npm ERR! Found: eslint-plugin-promise@5.1.0 npm ERR! node_modul

weixin_40945354的博客 2184

解决vue cli3执行npm run build后dist目录下index.html无法加载问题

解决vue cli3执行npm run build后dist目录下index.html无法加载问题 官网中讲到: 解决方案: 1、找到options.js,路径:node_modules/@vue/cli-service/lib/options; 2、往下翻,找到 exports.defaults 对象中的 publicPath,此时默认值为:' / '; 3、将值改为: /** * 1、模式为 production 时,加载项目的路径为 ' ./ '(相对路径) * ,照官网文档原话:这样打出来的包可以

rlrw_t的博客 1261

vue项目打包部署时报错,即 npm run build 时报错 “EPERM: operation not permitted, lstat”

在使用vue-cli做项目时,npm run build打包项目时报错,如下图: 尝试: 将dist文件删除也不行,说是必须获取管理员权限,然而也没有找到在哪获取管理员权限; 将编译器关掉重启,或者在编译器中重新打开项目代码。。。都不行。 原因: 在此打包部署之前我刚王服务器部署了一版,就一直打开着xftp软件没有关,如下图: 这就意味着dist文件夹和Xftp一直关联着。 解决方法: 将Xftp软件关掉,即断开将要打包部署的项目和文件传输软件Xftp两者的关联,就可以啦!!! ...

elephant_my的博客 2154

解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33994444的博客 639

electron-vue爬坑:使用npm run build 报错

描述 出现此类问题的根本原因: 网络差,下载慢,下载失败 环境:electron-vue/win10 使用命令:npm run build 在执行npm run build,由于网络差,打包所需要的文件下载不下来,导致后面的一大批错误。后面每一步都可能因网络原因而报错,请参照对应报错按要求手动下载对应工具。 因版本原因,文中下载地址仅作参考,请从报错信息中拷贝正确下载地址。 用迅雷一般都能从...

沧笙踏歌的博客 8096

vue-devtools踩坑安装(亲测成功)

主要报错 安装过程中主要遇到以下两个报错: npm i 过程中出现:Failed at the cypress@3.8.3 postinstall script. 原因:主要是单个包的安装出现错误 解决:使用 --ignore-scripts 安装 ,先把某个报错的包单独安装,eg:npm i cypress@3.8.3 --ignore-scripts npm run build中出现:Failed at the vue-devtools@6.0.0-beta.15 build script.

weixin_42925169的博客 8869

解决electron打包时,下载超时导致失败

一、在我使用vue-cli构建electron应用后,使用vue add electron-builder,添加打包工具,安装成功后,脚本中会多出两条命令: 使用 npm run electron:serve 可以以桌面应用的形式打开所构建的vue项目 使用 npm run electron:build 可以打包所构建的vue项目,生成exe格式的可执行文件,然后就可以安装使用了。 二、但是打包的过程充满了艰辛。因为打包要使用到三个工具: electron-v9.0.2-win32-x64.zip 和

michaelxuzhi___的博客 6254

vs2019搭建vue+elementui项目开发环境

1、启动VS2019,新建vue.js的web项目Kunlun.WebApp 2、编译报错: npm run build ”已退出,代码为 1。 解决办法: 依次运行: npm i npm audit npm run build 再重新编译:成功。 点击运行: VS会自动启动一个服务: ...

eNet 6363
上一篇: 【MongoDB】将本地数据库中的数据导入到远程服务器
下一篇: 【python】引用各种路径下的package和module
AXIMI
博客等级 码龄10年 53粉丝 455原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值