奇异问题之解决思路(一) npm run dev或npm run buil报错,单独运行scripts又正常?

前端build工程的时候 出现 `build.rollupOptions.external 的解决方法 看到这个Bug,理性分析: 遇到 Rollup failed to resolve import “@vue/devtools-api” 错误可能是由于 Pinia 使用了 @vue/devtools-api 模块,而 Vite 的 Rollup 插件无法解析这个模块 ps:但是我前一秒还可以,加了个别代码,突然不行,我是不相信的 = - = 阅读详情

问题描述

我想使用rollup打包自己写的一个工具类库,于是手动搭建了一个rollup工程(工程源码详见评论地址分享)
全局安装rollup:npm install rollup -g
进入工程安装各项依赖,编辑配置文件,执行rollup -c -w可正常监听 src 目录,实时构建
将上述命令写入package.json文件中的scripts字段里,执行:npm run dev报错,字面意思是读取package.json失败
同样的rollup -c打包正常,npm run build读取package.json失败
问题就这样莫名其妙的产生了

分析产生原因

  1. 仔细检查package.json是否有写的不正确的地方 => 并没有
  2. 检查其他模块运行是否正常:执行npm run lint,可正常使用eslint检测代码规范 => 结论:package.json肯定没问题
  3. 跟打包相关的就只有另外一个项目配置文件了,但是rollup -c命令又是正常,说明我们的配置文件正确 => 此时的我已经处于崩溃边缘,休息一个周末再说!
  4. 最后可能存在的问题就是依赖包版本不正确,全局的rollup命令正常的,那么查看一下全局版本:rollup -v => 0.66.6,在检查下本地的版本(package.json中的devDependencies有记录)为0.38.0
  5. => 难道是因为这点儿版本号的差距导致的吗?不能忍,将package.json中的rollup版本号改为0.66.6,并去掉前面的^符号,删除node_modules目录,重新安装依赖
  6. 执行npm run build => 正确的打包了我们的项目!!!,至此问题原因和解决方法都有了

小小总结下吧

  1. 遇到此类问题要仔细的分析产生的原因,知道原因了自然就有解决办法了
  2. 分析原因的方法:由小到大,先自己在他人,先局部在整个项目分析。
  3. 简单理解:先看看执行的命令语句是否有问题,第二步再看调用该语句的文件是否有问题(这里的package.json),最后再看整个项目的配置是否不正确(包括项目配置文件、项目依赖、包文件目录路径等)

愿佛祖保佑大家无难解决的问题&Bug

                     _ooOoo_",
                    o8888888o",
                    88\" . \"88",
                    (| -_- |)",
                    O\\  =  /O",
                 ____/`---'\\____",
               .'  \\\\|     |//  `.",
              /  \\\\|||  :  |||//  \\",
             /  _||||| -:- |||||-  \\",
             |   | \\\\\\  -  /// |   |",
             | \\_|  ''\\---/''  |   |",
             \\  .-\\__  `-`  ___/-. /",
           ___`. .'  /--.--\\  `. . __",
        .\"\" '<  `.___\\_<|>_/___.'  >'\"\".",
       | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
       \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
  ======`-.____`-.___\\_____/___.-`____.-'======",
                     `=---='",
  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
           佛祖保佑       永无BUG"
MSP430开发入门:手把手教你用IAR EW430从建工程到烧录调试(附F5529配置) 本文详细介绍了如何使用IAR Embedded Workbench(EW430)进行MSP430F5529开发板的嵌入式开发,从环境搭建、工程配置到硬件调试全流程。通过实战示例和关键配置技巧,帮助开发者快速掌握MSP430开发的核心要点,包括LED控制、定时器使用和低功耗优化等实用技术。 阅读详情

相关推荐

Seq2Seq Attention模型详解

Seq2seq是一种Encoder-Decoder协同训练的端到端网络。传统Seq2seq只取用Encoder的rnn单元的最后一个隐层输出作为Decoder的输入,但由于时序串行的关系,最后一个隐层输出更关注于位于时序末尾的特征,而更弱化了位于时序前端的特征,所以这通常是“有偏”的。如今我们提到Seq2seq则常把它和Attention联系在一起,正是因为Attention采用各个rnn隐层输出的加权和,解决了“有偏”的问题。

SunnyGJing’s blog 3893

RollupError Rollup模块打包报错

模块加载:ES模块支持异步和静态加载,CommonJS则是同步加载。语法:ES模块使用,CommonJS使用。使用场景:ES模块适合现代前端开发,CommonJS主要用于Node.js环境。

qq_50919074的博客 1967

从零到一:R与RStudio的安装与配置全攻略

本文提供了R与RStudio的完整安装与配置指南,涵盖Windows、Mac和Linux三大操作系统。从基础环境搭建到高级性能优化,详细介绍了R语言安装、RStudio配置、项目管理和实用技巧,帮助数据科学初学者快速搭建高效的分析工作环境。

weixin_29062671的博客 421

vue运行npm run dev报错

useEslint: true, // 改为false即可。

u010513603的博客 2308

Palantir的Ontology:从静态知识图谱到动态业务引擎的跃迁

本文探讨了Palantir的Ontology技术如何将静态知识图谱升级为动态业务引擎。通过引入函数和行动作为核心元素,Ontology实现了业务逻辑的自动化响应与执行,显著提升物流、能源等领域的运营效率。文章详细解析了其混合存储引擎、状态监听网络等关键技术设计,并对比展示了传统架构与Ontology架构的业务价值差异。

weixin_42570296的博客 203

Logisim实战:手把手教你设计硬布线版MIPS CPU(多周期/8指令/附电路图)

本文是一份详细的Logisim实战指南,手把手教你设计一个采用硬布线控制的多周期MIPS CPU。文章深入剖析了硬布线控制与微程序控制的核心理念差异,并逐步讲解了从定义执行状态、构建状态跳转逻辑到生成控制信号、集成测试的完整流程,最终实现一个支持8条指令、可运行简单程序的处理器模型。

g9h0i1的博客 593

npm run dev 启动异常深度解析:从报错溯源到解决方案

使用适合你当前环境的 Node.js 和 Node Sass 版本:确保你使用的 Node.js 版本与 Node Sass 兼容。根据你的操作系统和 Node.js 版本,安装适当的 Node Sass 版本。这个错误通常是由于 Node Sass 模块没有正确编译而导致的。

IIIIIIlllii的博客 3204

MQTT(一)C#使用 MQTTnet 快速实现 MQTT 通信(文末有完整Demo下载)

目录 MQTT(一)C#使用 MQTTnet 快速实现 MQTT 通信(文末有完整Demo下载) MQTT(二)在windows64位上安装Python环境 MQTT(三)Python客户端+net客户端+net服务端 简单通信 MQTT(四)树莓派开机自动运行Python客户端 MQTT(五)EMQ开源MQTT消息服务器 1 什么是 MQTT ? MQTT(Message Que...

pw的博客 10万+

eslint严格模式空格报错问题

前端出现严格模式导致报错 将 "lint": "eslint --ext .js,.vue src", 改为 "lint": "eslint --fix --ext .js,.vue src", 运行正常

Giraffe0615的博客 1265

如何修复Windows卡在“正在准备Windows”的问题?这里有详细步骤

如何修复Windows卡在“正在准备Windows”的问题?这里有详细步骤。

wyxtx的博客 5666

YOLOv11缝合添加注意力机制:添加YOLO-Face的SEAM到并行通道空间注意力机制【附代码】

在目标检测的实际应用中,物体遮挡是一个严重影响检测精度的难点。本文将基于YOLOv11架构,探索融合YOLO-Face中提出的SEAM注意力机制以提升对遮挡物体的感知能力,并在此基础上提出一种轻量化双路径并行注意力机制C2PSA,进一步提升检测性能。

一键难忘的博客 1532

rollup构建报错问题排查

报错内容 Rollup requires that your Babel configuration keeps ES6 module syntax intact. Unfortunately it looks like your configuration specifies a module transformer to replace ES6 modules with another module format. To continue you have to disable it. Most com

likeuyq的博客 1215

TensorFlow2深度学习实战(十四):目标检测算法 YOLOv4 解析

最易上手的【计算机视觉】小白教程!

不积跬步,无以至千里! 7637

从Npm Script到Webpack,6种常见的前端构建工具对比

从Npm Script到Webpack,6种常见的前端构建工具对比小编说:历史上先后出现了一系列构建工具,它们各有优缺点。由于前端工程师很熟悉JavaScript,Node.js又可以胜任所有构建需求,所以大多数构建工具都是用Node.js开发的。本文就来一一介绍它们。本文选自《深入浅出Webpack》。前端技术发展之快,各种可以提高开发效率的新思想和框架层出不穷。但是它们都有一个共同点:源代码无

博文视点(北京)官方博客 1万+

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

To install it, you can run: npm install --save @vue/composition-api/dist/vue-composition-api.mjs 依赖报

解决办法:npm i --save @vue/composition-api@1.3.0。

weixin_67647268的博客 1785

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

npm run build报错解决办法

报错如下 查了网上相关资料: 是因为package.json文件里面没有配置build脚本,所以报以上错误! 解决办法: 1.在package.json中的scripts中添加build脚本: { "scripts": { "build": "cross-env NODE_ENV=production webpack --config webpack.config.js" } ...

LYSCR7的博客 4万+

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

rollup入门学习(一)

**Rollup是JavaScript的模块绑定器**,它将小段代码编译成更大更复杂的代码,比如库或应用程序。

Jason_yuxuan的博客 4270

关于vue打包时 npm run build 命令 报错的解决方法

关于vue打包时 npm run build 命令 报错的解决方法

m0_65450343的博客 4380

⭐️npm run dev报错

是一个在 Node.js 项目中常用的命令,它允许开发者运行一个预定义的脚本,通常用于启动开发服务器或者执行开发环境的构建任务。这个命令是通过文件中的scripts在这个例子中,dev脚本使用nodemon工具来监控app.js文件的更改,并在文件发生变化时自动重启服务器。这样,开发者可以在开发过程中实时看到更改的效果,而无需手动重启服务器。在本文档中,我们探讨了在使用模块未找到错误:通常是因为缺少必要的依赖包或路径配置错误。语法错误。

Python老吕的博客 6183

npm run dev失败的解决办法

尝试诸多方法后,终于解决了!

weixin_52136304的博客 9442

解决npm run dev报错

卸载当前 Node.js 环境,并安装 Node.js V17 或之前的版本,以避免 OpenSSL 3.0 带来的兼容性问题。对于直接使用不支持的加密算法的应用程序代码,考虑调整代码以使用 OpenSSL 3.0 支持的算法。如果项目依赖于某些不再受支持的加密算法或库,考虑升级这些依赖库以获得更好的兼容性和安全性。命令,然后重启即可。这种方式可以临时解决,但需要每次启动时都运行该命令。,这样在运行 npm run dev 时会自动设置环境变量。在 package.json 的 scripts 中新增。

promise466的博客 2140

npm run build报错踩坑

查看package.json中的配置,如: "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --preview", "lint": "eslint --ext .js,.vue src" }

qq_45783021的博客 827

rollup 打包build报错:[!] Error: Unexpected character ‘@‘ (Note that you need plugins to import files th

[!] Error: Unexpected character '@' (Note that you need plugins to import files that are not JavaScript) styles\index.scss (1:0) 1: @import './variable.scss'; 解决方案: PostCSS({ minimize: true, modules: { generateScopedName: ...

q7410p123的博客 6286

npm install 或 run 时一些报错的解决办法

npm ERR! Object for dependency "fsevents" is empty. 解决方法:删除根目录 package-lock.json 文件 fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset 解决方法: github访问不到,开加速器,或者重试。 使用淘宝镜像: npm install --registry=http..

千月落 5894

关于vue框架 npm run build 之后dist包放入express框架中public路径静态资源引入错误问题

首先在app.js中 更改默认的公开路径配置 然后在router路径下的index.js中配置默认访问路径即可 此方案可解决大部分问题,如果还解决不了的话 请加微信 17319132391讨论 ...

Nodejs 838
上一篇: JavaScript 面向对象之Object的getter和setter的使用
EricLua
博客等级 码龄10年 34粉丝 33原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值