Webpack库安装后未自动执行build，如何解决找不到模块错误？

我帮你排查下这个问题——其实核心原因是Yarn安装Git仓库包的机制和你想的不一样，咱们一步步来解决：

1. 仓库缺少自动触发构建的prepare脚本 #

当你用yarn add git+https://github.com/dhilst/webpacklibraryexample.git安装包时，Yarn只会克隆仓库代码、安装包的依赖，但不会自动执行构建命令。要让Yarn在安装时自动跑Webpack构建，你需要给仓库的package.json添加一个prepare脚本：

打开仓库的package.json，在scripts字段里加上：

{
  "scripts": {
    "build": "webpack --mode production", // 假设你原本的构建命令是这个
    "prepare": "yarn build" // 或者用 npm run build，根据仓库的包管理器来
  }
}

prepare是npm/Yarn的内置钩子脚本，当包被安装到任何项目时都会自动执行，这样就能自动生成dist/文件夹了。

2. 临时手动构建（应急方案） #

如果暂时没法修改仓库的配置，你可以在安装包后手动进入包目录执行构建：

# 进入项目node_modules里的目标包文件夹
cd node_modules/webpacklibraryexample
# 执行构建命令
yarn build

这样就能生成dist/文件夹，解决Cannot find module的错误，但每次重新安装这个包都得重复操作，所以还是优先给仓库加上prepare脚本更省心。

3. 确认package.json的入口路径正确 #

另外还要检查仓库package.json里的main字段是不是指向了构建后的文件，比如：

{
  "main": "dist/index.js"
}

如果main指向的是未构建的源码（比如src/index.js），而你的项目环境没法直接解析源码（比如没配置Webpack loader处理ES6+语法），也会出现找不到模块的问题，所以要确保路径和构建产物一致。

内容的提问来源于stack exchange，提问作者geckos