Advertisement

无法找到模块'xxx'的Msgeb解决方案

阅读量:

Cannot find module ‘xxx’ 错误的解决方案

在采用webpack进行项目打包过程中,时常会遭遇‘Cannot find module 'XXXX'’这类异常。通常情况下,在完成某个依赖项配置后不久便会浮现新的缺失模块提示现象。这种循环往复的操作流程不仅耗费大量调试时间且需反复执行冗余操作,在此提供一种能够彻底消除此类问题的有效应对策略。

注意事项:本文档基于Mac操作系统编写相关解决方案说明文档内容均针对苹果平台环境设计尽管具体操作界面存在差异,在Windows/Linux环境下同样适用此套解决方案的核心逻辑。

1.直接使用npm install

实际上该操作通常并无实际效果,鉴于部分初学者可能存在疏忽而省略必要环节,在未完成相关前置准备流程即直接执行项目代码时往往会导致后续需耗费大量时间反复定位问题根源。特此强调以下关键操作环节:
命令行 输入:

复制代码
    npm install

当系统返回‘Command not found’这一错误提示时,则需优先进行npm工具的安装配置操作

2.重新安装项目npm

常见情形多为在清除缓存残留过程中不慎删除关键项目资料,从而引发编译阶段出现错误提示。倘若npm本地源代码未遭损毁,则可顺利执行构建流程。

命令行 输入:

复制代码
    cd <ObjcectName>
    rm -rf node_modules
    npm cache clean --force
    npm install

3.重新安装本地npm

此类情况相对较少见,通常源于版本不兼容的问题,并且大量新手倾向于采用Homebrew工具进行npm的安装操作,进而引发诸多异常状况。

卸载npm

卸载本地源文件

在操作系统的终端界面中进行数据输入操作:

复制代码
    brew uninstall node

在常规操作中一般不会出现异常,当系统主动阻止卸载行为时,多与软件组件间的依赖关系有关。
命令行 输入:

复制代码
    brew uninstall --ignore-dependencies node

随后需执行清除node所有不同版本的操作(此前可能存在若干重复性操作步骤引发多个版本共存的情况)。

终端命令 输入:

复制代码
    brew uninstall --force node

手动清理node相关目录和文件

需对位于路径/usr/local/lib中的所有文件执行移除操作 【

复制代码
      sudo rm -rf /usr/local/lib/node_modules

清除存储于/usr/local/include路径内的全部项目
终端操作 指令输入:

复制代码
      sudo rm -rf /usr/local/include/node/

核查位于用户主目录路径内的关联文档
命令行 输入:

复制代码
      find ~ -name node  
      find ~ -name node_modules   
      sudo rm -rf XXX

此操作确实存在一定的过度追求完美倾向。若彻底清除所有相关文件理论上效果更佳,然而在实际操作中仅需调整上述两项配置即可满足项目需求,经验证该做法已能确保项目正常运行。至于其余冗余文件多为缓存数据,保留亦无妨。\n\n命令行 输入:

复制代码
    rm -rf node-*
    rm -rf .npm .npminstall_tarball

检验卸载完成确认

重新启动当前终端窗口,并在控制台界面中执行 node -v 命令。
命令行 操作步骤如下:

复制代码
    ~ node -v
    command not found: node

安装程序的移除流程已全部完成。

安装npm

安装nvm

终端指令界面 指令输入:

复制代码
    brew install nvm

配置 .zshrc

若不存在则自动生成对应路径及文件夹结构,具体而言:针对用户主目录下的路径与.nvm文件夹,在检测到缺失时将自动完成生成操作。
终端交互界面 操作指令如下:

复制代码
    touch ~/.zshrc
    
    export NVM_DIR="/Users/liminglin/.nvm"
      [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
      [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
      
    source ~/.zshrc

然后使用nvm安装node

终端指令 输入操作:

复制代码
    nvm install node

基于npm install的依赖管理实践

在交互式操作环境中执行指令的输入环节:

复制代码
    npm install

大致至此之际,相关难题已然获得圆满解决,请诸位踊跃参与后续的交流互动。

全部评论 (0)

还没有任何评论哟~