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

最新推荐文章于 2025-02-27 14:45:47 发布
原创 最新推荐文章于 2025-02-27 14:45:47 发布 · 982 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #npm 报错 #rollup打包 #js #JavaScript

本文详细记录了一次使用Rollup进行项目打包时遇到的诡异问题及其解决过程。作者通过逐步排查，从命令行错误出发，检查package.json、依赖版本，最终定位到rollup版本差异导致的打包失败。通过统一rollup版本，成功解决了问题。

找问题&解决步骤

问题描述

我想使用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"
服务器前端vue本地环境搭建[软件安装][傻瓜式启动前端][VSCode不能够运行yarn]
挖到尽头
06-30 2437
前端VUE环境大家
前端build工程的时候 出现 `build.rollupOptions.external 的解决方法
码农研究僧的博客
08-13 2902
看到这个Bug，理性分析： 遇到 Rollup failed to resolve import “@vue/devtools-api” 错误可能是由于 Pinia 使用了 @vue/devtools-api 模块，而 Vite 的 Rollup 插件无法解析这个模块 ps：但是我前一秒还可以，加了个别代码，突然不行，我是不相信的 = - =
vue项目，运行npm run build时，报错
Alway_lucky的博客
10-17 1695
1 项目运行npm run build 进行项目打包时，出现错误，错误如下 访问对应的目录，并没有看到该文件，后续发现，xftp文件传输软件打开着（把本地的文件更新到服务器上的一个软件），关闭之后就能正常运行。 ...
⭐️npm run dev报错
Python老吕的博客
08-26 5638
是一个在 Node.js 项目中常用的命令，它允许开发者运行一个预定义的脚本，通常用于启动开发服务器或者执行开发环境的构建任务。这个命令是通过文件中的scripts在这个例子中，dev脚本使用nodemon工具来监控app.js文件的更改，并在文件发生变化时自动重启服务器。这样，开发者可以在开发过程中实时看到更改的效果，而无需手动重启服务器。在本文档中，我们探讨了在使用模块未找到错误：通常是因为缺少必要的依赖包或路径配置错误。语法错误。
解决npm run dev报错
promise466的博客
02-27 1926
卸载当前 Node.js 环境，并安装 Node.js V17 或之前的版本，以避免 OpenSSL 3.0 带来的兼容性问题。对于直接使用不支持的加密算法的应用程序代码，考虑调整代码以使用 OpenSSL 3.0 支持的算法。如果项目依赖于某些不再受支持的加密算法或库，考虑升级这些依赖库以获得更好的兼容性和安全性。命令，然后重启即可。这种方式可以临时解决，但需要每次启动时都运行该命令。，这样在运行 npm run dev 时会自动设置环境变量。在 package.json 的 scripts 中新增。
RollupError Rollup模块打包报错
qq_50919074的博客
10-29 1823
模块加载：ES模块支持异步和静态加载，CommonJS则是同步加载。语法：ES模块使用，CommonJS使用。使用场景：ES模块适合现代前端开发，CommonJS主要用于Node.js环境。
vue运行npm run dev报错
u010513603的博客
02-10 2282
useEslint: true, // 改为false即可。
npm run buil
01-01
一种常见的解决办法是清除 electron 和 electron-builder 的缓存数据，即手动删除本地存储的相关缓存目录，从而避免由于过期或损坏的缓存而导致的问题[^3]。 为了确保顺利地使用 `npm run build` 完成项目构建，请...
安装vue-devtools过程中种种问题
m0_67403272的博客
03-06 4125
周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功，报各种依赖包不支持。报错类似如下： npm WARN … requires a peer of react@^16.4.0 but none is installed 报错内容过多，需要安装依赖包太多。然后将npm版本号降到6.0.1，报错更多。类似 npm WARN npm npm does not support Node.js v14.16.0 npm
运行以太坊项目遇到错误
weixin_43520099的博客
05-30 1805
运行以太坊项目报错，求解决 0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli ‘D:\nodejs\node.exe’, 1 verbose cli ‘D:\nodejs\node_modules\npm\bin\npm-cli.js’, 1 verbose cli ‘run’, 1 verbose cli ‘dev’ 1 verbose cli ] 2 info using npm@6.14.4 3 info
VuePress搭建博客教程(二)、vuepress安装与启动
JingLisen的博客
08-20 2931
小景哥哥博客 VuePress搭建博客教程(二)、vuepress安装与启动 一、创建并进入一个新目录 我们把项目保存在桌面的2021/projects/vuepress-hep目录下，当然可以按照个人喜好随便选取位置。 cd Desktop cd 2021 cd projects mkdir vuepress-hep cd vuepress-hep 二、使用npm包管理器进行初始化 npm init 三、安装vuepress npm install -D vuepress 四、创建第一个文档 在vu
rollup构建报错问题排查
likeuyq的博客
02-20 1139
报错内容 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
从Npm Script到Webpack，6种常见的前端构建工具对比
博文视点（北京）官方博客
01-18 1万+
从Npm Script到Webpack，6种常见的前端构建工具对比小编说：历史上先后出现了一系列构建工具，它们各有优缺点。由于前端工程师很熟悉JavaScript，Node.js又可以胜任所有构建需求，所以大多数构建工具都是用Node.js开发的。本文就来一一介绍它们。本文选自《深入浅出Webpack》。前端技术发展之快，各种可以提高开发效率的新思想和框架层出不穷。但是它们都有一个共同点：源代码无
To install it, you can run: npm install --save @vue/composition-api/dist/vue-composition-api.mjs 依赖报
weixin_67647268的博客
11-18 1711
解决办法：npm i --save @vue/composition-api@1.3.0。
eslint严格模式空格报错问题
Giraffe0615的博客
04-09 1226
前端出现严格模式导致报错 将 "lint": "eslint --ext .js,.vue src", 改为 "lint": "eslint --fix --ext .js,.vue src", 运行正常
npm run dev 启动异常深度解析：从报错溯源到解决方案
IIIIIIlllii的博客
07-08 3119
使用适合你当前环境的 Node.js 和 Node Sass 版本：确保你使用的 Node.js 版本与 Node Sass 兼容。根据你的操作系统和 Node.js 版本，安装适当的 Node Sass 版本。这个错误通常是由于 Node Sass 模块没有正确编译而导致的。
npm run build报错解决办法
热门推荐
LYSCR7的博客
06-27 3万+
报错如下 查了网上相关资料： 是因为package.json文件里面没有配置build脚本,所以报以上错误！ 解决办法： 1.在package.json中的scripts中添加build脚本： { "scripts": { "build": "cross-env NODE_ENV=production webpack --config webpack.config.js" } ...
rollup入门学习（一）
Jason_yuxuan的博客
11-06 4185
**Rollup是JavaScript的模块绑定器**，它将小段代码编译成更大更复杂的代码，比如库或应用程序。
npm run dev 报错：vite不是内部或外部命令，如何解决？
最新发布
08-19
### 问题分析 在运行 `npm run dev` 时提示 `'vite' 不是内部或外部命令`，这通常表明系统无法找到 `vite` 命令的可执行文件。这种问题可能由以下几个原因导致： 1. **未全局安装 Vite** 如果 `vite` 没有全局安装，命令行工具将无法识别 `vite` 命令。通常，Vite 作为开发依赖安装在项目中，但有时需要全局安装以确保命令可用。 2. **未正确安装项目依赖** 如果项目依赖未正确安装，`vite` 可执行文件可能不会出现在 `node_modules/.bin` 目录中，导致命令执行失败。 3. **缺少 `package-lock.json` 文件** 在某些情况下，如果项目中没有 `package-lock.json` 文件，依赖项可能无法正确解析和安装，导致 `vite` 命令不可用。 4. **Node.js 版本不兼容** 如果 Node.js 版本过低，可能会导致某些包无法正常工作，例如 `vite` 要求 Node.js 14.18.x、16.x 或更高版本。 ### 解决方案 1. **确保 `vite` 已正确安装** 如果 `vite` 未作为开发依赖安装，可以通过以下命令进行安装： ```bash npm install --save-dev vite ``` 如果 `vite` 需要全局安装，可以使用以下命令： ```bash npm install -g vite ``` 2. **重新安装依赖并生成 `package-lock.json`** 删除 `node_modules` 文件夹和 `package-lock.json`（如果存在），然后确保 `npm` 配置中启用了 `package-lock`。可以通过编辑 `npm` 配置文件（通常位于 `node_modules/npm` 中）并添加以下行： ```ini package-lock = true ``` 然后重新安装依赖： ```bash npm install ``` 这将生成 `package-lock.json` 文件，并确保依赖项正确解析。 3. **检查 `package.json` 中的 `dev` 脚本** 确保 `package.json` 中的 `scripts` 部分包含正确的 `dev` 命令。例如： ```json "scripts": { "dev": "vite" } ``` 4. **检查 Node.js 版本** 使用以下命令检查当前 Node.js 版本： ```bash node -v ``` 如果版本低于 14.18.x，建议升级到支持的版本（16.x 或 18.x）。 5. **使用 `npx` 运行 Vite** 如果 `vite` 未全局安装，但已作为开发依赖安装在项目中，可以尝试使用 `npx` 来运行 Vite： ```bash npx vite ``` 6. **检查环境变量** 确保 `node_modules/.bin` 目录已添加到系统路径中。如果未添加，可以手动添加或使用以下命令临时添加： ```bash export PATH=$(npm bin):$PATH ``` ### 示例代码 以下是 `package.json` 中的 `scripts` 配置示例： ```json { "name": "my-vite-project", "version": "1.0.0", "scripts": { "dev": "vite" }, "devDependencies": { "vite": "^4.0.0" } } ``` ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值