知向前端
angular 打包后运行报错Attempting to attach an unknown Portal type
2019-6-5 Jon
angular 打包后运行报错Attempting to attach an unknown Portal type & 以及查看包大小



报错详情

ERROR Error: Attempting to attach an unknown Portal type. BasePortalHost accepts either a ComponentPortal or a TemplatePortal.



ng serve 没有问题

ng build --prod 出现问题

ng serve --prod 出现问题



问题原因

    只有--prod生成环境才会出现这个问题

    应该是package.json中依赖包的问题



修复问题

    经过检查发现package中

    "ng-zorro-antd": "0.6.0-rc.2",

    这个版本的问题

    将此版本改为

    "ng-zorro-antd": "0.6.0-rc.3",

    重新yarn之后打包即可解决此问题



总结

    package包版本问题可以使用

    npm list 查看本地包依赖版本

    npm list --depth=0 只查看一级依赖,简洁更易观察(推荐使用)



拓展

    查看npm安装包的大小

    可以使用package-size(https://www.npmjs.com/package/package-size)包工具

    安装

    yarn global add package-size

    查看vue包的大小 

    package-size vue

    结果

    package     size       minified  gzipped

    vue@2.6.10  237.58 KB  68.07 KB  24.02 KB
发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容