// webpack.config.js
resolve: { alias: { '@': path.resolve(__dirname, 'src') } }
webpack 里配了 resolve.alias,代码里 import ‘@/utils’ 依旧报 Module not found。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。
原因不复杂,alias 的键和实际引用前缀对不上,或者改的那份配置根本没被当前环境加载。
「webpack alias 失效」确认了原因之后,改动尽量只碰那一处,顺手改的东西后面最容易出问题。改动写完就同步给同事,下一个人踩同一个坑,成本还是你的。
验证用真实数据走一遍,测试数据太干净,边界情况根本碰不到。能分两步做的操作就别合成一步,中间看一眼返回值,出问题好判断。
报错里带路径的,先去看那个路径在不在、权限对不对。同一份配置存在多处的,先确认改的是被加载的那一份。
新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。
处理上按这个顺序:核对 alias 键与 import 前缀完全一致;确认改的是当前环境加载的配置;清缓存后重新打包。
改完只确认一件事:打包通过,别名路径能正确解析到 src 下的文件。
