.NET Core 2.0 Angular 2 SPA模板加载snazzy-info-window模块失败求助
解决AGM Snazzy Info Window的"Module not found: Can't resolve 'snazzy-info-window'"错误
这个错误的核心原因很明确:agm-snazzy-info-window是一个封装了原生snazzy-info-window库的AGM插件,它本身并不包含这个底层依赖——你只安装了AGM相关的包,却漏掉了它依赖的核心库。
按照以下步骤修复:
安装缺失的依赖包
打开项目根目录的终端,执行以下命令安装snazzy-info-window:npm install snazzy-info-window --save如果你使用Yarn的话,执行:
yarn add snazzy-info-window由于你使用的是
agm-snazzy-info-window@1.0.0-beta.5,npm会自动安装与它兼容的snazzy-info-window版本(通常是^1.1.0系列)。验证Webpack配置(可选)
如果你后续仍然遇到加载问题,可以把snazzy-info-window也添加到webpack.config.vendor.js的nonTreeShakableModules数组中:nonTreeShakableModules = [ // 已有的其他模块... 'agm-snazzy-info-window', 'snazzy-info-window' ];然后重新生成vendor bundle(在VS中可以右键项目选择"Restore Packages"或者手动执行
webpack --config webpack.config.vendor.js)。重新启动项目
安装完成后,重启你的.NET Core SPA项目,错误应该就会消失,<agm-snazzy-info-window>组件也能正常加载了。
额外提示:这类插件依赖问题很常见,安装第三方AGM扩展时,一定要查看它的package.json中的dependencies或peerDependencies字段,确保所有依赖都已安装。
内容的提问来源于stack exchange,提问作者Matthew Flynn
相关产品推荐
相关产品推荐

