webpack · npm
报错原文
Module not found: Error: Can't resolve './components/Button' in '/app/src'
这是什么意思
打包器在那个路径下找不到那个文件——这是你自己写的 import，不是包的问题。它出现在相对路径差了一层、扩展名漏了或写错、或者文件名的大小写和 import 不一致的时候。最后一种最阴：macOS 和 Windows 的文件系统不区分大小写，所以在你机器上能跑，只在 Linux 的 CI 上崩。把那个目录 ls 出来，和 import 一个字符一个字符地对，大小写也要对。如果这个名字是包而不是路径，那就把它装上；两种情况下都不会删掉任何东西。
怎么修
这个没有一行命令能解决。说明里写了该看哪里。
- 来自
- webpack
- npm
- 20
npm 的原因写在第一行 code XXXX 里，而不是最后那六行 npm ERR!；如果失败来自依赖树或原生编译而不是你自己的代码，删掉 node_modules 重新安装就能解决一半。
怎么读报错
- 从第一行往下读。越往下越是工具内部的事，起因通常写在最上面。
- 有文件名和行号就从那里查——不是栈顶那一帧，而是最上面那条提到你自己写的文件的行。
- 把报错原文照样去搜，但先去掉你自己的路径和变量名，正是那些让搜索匹配不上。
- 同一种情况在不同版本里措辞不同。结果不对头，就把版本号一起加进查询。
- 粘贴修法之前，先确认它会丢掉什么。这里面有些是不能撤回的。
常见问题
Q. “Module not found: Error: Can't resolve './components/Button' in '/app/src'” 是什么意思？
打包器在那个路径下找不到那个文件——这是你自己写的 import，不是包的问题。它出现在相对路径差了一层、扩展名漏了或写错、或者文件名的大小写和 import 不一致的时候。最后一种最阴：macOS 和 Windows 的文件系统不区分大小写，所以在你机器上能跑，只在 Linux 的 CI 上崩。把那个目录 ls 出来，和 import 一个字符一个字符地对，大小写也要对。如果这个名字是包而不是路径，那就把它装上；两种情况下都不会删掉任何东西。
Q. 怎么修？
没有一行命令能解决。上面的说明写了该看哪里。
Q. 这是哪个工具报的？
webpack。它属于npm，报错原文有 9 个词。
相关报错
Error: Cannot find module 'express'nodenpm ERR! code ELIFECYCLEnpmError: error:0308010C:digital envelope routines::unsupportednode 17+FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memorynodenpm WARN EBADENGINE Unsupported enginenpmzsh: command not found: tscshellnpm ERR! ERESOLVE unable to resolve dependency treenpmnpm ERR! Conflicting peer dependency: react@18.3.1npm