VUE项目问题

1.运行时,遇到依赖问题,Failed to resolve import "vue-demi" from "node_modules\.vite\deps\chunk-2MVFT65E.js, 重新安装依赖。

例:如下:

Failed to resolve import "vue-demi" from "node_modules\.vite\deps\chunk-2MVFT65E.js?v=b899afb1". Does the file exist?
10:08:24 [vite] Internal server error: Failed to resolve import "vue-demi" from "node_modules\.vite\deps\chunk-2MVFT65E.js?v=b899afb1". Does the file exist?
  File: D:/WorkSpaces/myProjects/vue3/vue-vben-admin-main-simply/node_modules/.vite/deps/chunk-2MVFT65E.js?v=b899afb1
  6  |  // node_modules/@vueuse/shared/index.mjs
  7  |  init_define_APP_INFO();
  8  |  import { computed, unref, watch, ref, customRef, isVue3, isRef, effectScope, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, readonly, reactive, toRef, isVue2, set as set$1, toRefs 
as toRefs$1, getCurrentInstance, onBeforeUnmount, onMounted, nextTick, onUnmounted } from "vue-demi";
     |
                                                                                           ^
  9  |  function and(...args) {
  10 |    return computed(() => args.every((i) => unref(i)));

解决:
重新安装vue-demi

npm i vue-demi

2. 问题”getaddrinfo ENOENT raw.githubusercontent.com“

npm WARN deprecated @volar/html2pug@0.28.10: WARNING: This project has been renamed to @johnsoncodehk/html2pug. Install using @johnsoncodehk/html2pug instead.
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated vscode-pug-languageservice@0.28.10: WARNING: This project has been renamed to @volar/pug-language-service. Install using @volar/pug-language-service instead.
npm WARN deprecated vscode-typescript-languageservice@0.28.10: WARNING: This project has been renamed to @volar/typescript-language-service. Install using @volar/typescript-language-service instead.
npm WARN deprecated vscode-vue-languageservice@0.28.10: WARNING: This project has been renamed to @volar/vue-language-service. Install using @volar/vue-language-service instead.
npm ERR! code 1
npm ERR! path D:\WorkSpaces\myProjects\vue3\vben-admin-thin-next\node_modules\gifsicle
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node lib/install.js
npm ERR! compiling from source
npm ERR! getaddrinfo ENOENT raw.githubusercontent.com
npm ERR! gifsicle pre-build test failed
npm ERR! Error: Command failed: C:\Windows\system32\cmd.exe /s /c "autoreconf -ivf"
npm ERR! 'autoreconf' �����ڲ����ⲿ���Ҳ���ǿ����еij���
npm ERR! �����������
npm ERR!
npm ERR!
npm ERR!     at D:\WorkSpaces\myProjects\vue3\vben-admin-thin-next\node_modules\bin-build\node_modules\execa\index.js:231:11
npm ERR!     at runMicrotasks (<anonymous>)
npm ERR!     at processTicksAndRejections (node:internal/process/task_queues:96:5)
npm ERR!     at async Promise.all (index 0)

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\WorkSpaces\vue3\node_cache\_logs\2022-10-08T02_36_16_284Z-debug-0.log

解决:

查看raw.githubusercontent.com的真实IP地址
点开网址 https://www.ipaddress.com/ ,输入raw.githubusercontent.com,点击查询:

复制以下的ip
 

修改hosts文件

找到这个文件夹: C:\Windows\System32\drivers\etc 下的hosts

以管理员身份运行笔记本打开hosts,在最后一行增加如下四行

185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.110.133 raw.githubusercontent.com
185.199.111.133 raw.githubusercontent.com

 保存成功后去项目就可重新安装插件

<think>好的,我现在需要帮助用户解决在Node.js项目中遇到的错误,具体是node_modules/events/events.js文件的问题。首先,我得理解用户的问题是什么。用户提到了error in node_modules/events/events.js,并询问解决方案。根据用户提供的引用内容,特别是引用[2],里面提到Windows平台缺少编译环境,建议安装node-gyp,同时引用[3]提到了在配置时加上--with-internal-glib参数。这可能与编译某些本地模块有关。 首先,events模块是Node.js的核心模块,通常不需要用户手动处理。如果出现错误,可能是由于node_modules损坏或者版本不兼容。用户可能执行了某些操作导致依赖出现问题,比如强制安装或更新包,或者node.js版本与某些依赖不兼容。 接下来,我需要根据常见的解决方案来逐步排查。第一步通常是清理node_modules和package-lock.json,然后重新安装依赖。这样可以解决可能存在的依赖损坏问题。用户需要运行npm cache clean --force,然后删除node_modules和package-lock.json,再npm install。 如果问题依旧,可能需要检查Node.js和npm的版本是否过时。升级到最新稳定版可能解决兼容性问题。用户可以通过nvm(Node Version Manager)来管理版本,或者直接下载安装包。 另一个可能性是某些依赖需要编译本地模块,这时候需要确保系统有编译工具。引用[2]中提到安装node-gyp,而node-gyp需要Python、Visual Studio Build Tools等。用户需要按照平台安装这些依赖。对于Windows,可能需要运行npm install -g windows-build-tools来安装必要的构建工具。 另外,用户可能在安装某个包时遇到问题,导致events.js被错误修改。可以尝试删除整个node_modules目录并重新安装,或者使用npm ci命令来根据package-lock.json严格安装依赖,保证一致性。 还有可能是权限问题,特别是在Linux/macOS下,可能需要使用sudo或者修改目录权限。但通常不建议使用sudo来安装npm包,容易引发其他问题。 最后,如果所有方法都无效,可能需要检查项目依赖是否有已知问题,或者寻求社区帮助,比如在GitHub Issues或Stack Overflow查找类似问题。 需要将这些步骤整理成清晰的解决方案,分点说明,并引用提供的参考资料中的相关信息。同时,生成相关问题帮助用户进一步排查。</think>### 解决方案:Node.js中`events.js`文件报错的处理方法 在Node.js项目中,`node_modules/events/events.js`报错通常由以下原因引起: 1. **依赖安装不完整或损坏** - 删除`node_modules`和`package-lock.json`,重新安装依赖: ```bash npm cache clean --force rm -rf node_modules package-lock.json npm install ``` - 若使用`yarn`,执行`yarn install --force`强制重新安装。 2. **Node.js/npm版本过旧** - 升级Node.js至最新LTS版本(建议通过[nvm](https://github.com/nvm-sh/nvm)管理版本): ```bash nvm install --lts nvm use --lts ``` - 升级npm至最新版: ```bash npm install -g npm@latest ``` 3. **缺少编译工具链**(常见于需要编译原生模块的依赖) - Windows用户需安装[Visual Studio Build Tools](https://visualstudio.microsoft.com/visual-cpp-build-tools/),勾选“C++桌面开发”组件[^2]。 - macOS/Linux用户需安装`python`、`make`和`g++`: ```bash # macOS xcode-select --install # Debian/Ubuntu sudo apt-get install python3 make g++ ``` - 全局安装`node-gyp`: ```bash npm install -g node-gyp ``` 4. **依赖版本冲突** - 使用`npm ls events`检查`events`模块的依赖树: ```bash npm ls events ``` - 若存在多版本冲突,在`package.json`中显式指定`events`版本: ```json "resolutions": { "events": "^3.0.0" } ``` (需配合[yarn](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/)或[npm-force-resolutions](https://www.npmjs.com/package/npm-force-resolutions)使用) 5. **手动修改核心模块导致异常** - 切勿直接修改`node_modules`中的文件,若已修改: ```bash rm -rf node_modules npm install ``` --- ### 验证方法 通过最小化测试排除项目代码干扰: ```javascript // test.js const EventEmitter = require('events'); const emitter = new EventEmitter(); emitter.on('test', () => console.log('Success!')); emitter.emit('test'); ``` 运行测试: ```bash node test.js ``` 若输出`Success!`则说明`events`模块正常。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值