angular6父子组件之间的引入报错

报错： ERROR in : Type RecommendComponent in E:/2018/KYLIN-WEB/src/app/home/article-details/recommend/recommend.component.ts is part of the declarations of 2 modules: ArticleDetailsModule in E:/2018/KYLIN-WEB/src/app/home/article-details/article-details.module.ts and RecommendModule in E:/2018/KYLIN-WEB/src/app/home/article-details/recommend/recommend.module.ts! Please consider moving RecommendComponent in E:/2018/KYLIN-WEB/src/app/home/article-details/recommend/recommend.component.ts to a higher module that imports ArticleDetailsModule in E:/2018/KYLIN-WEB/src/app/home/article-details/article-details.module.ts and RecommendModule in E:/2018/KYLIN-WEB/src/app/home/article-details/recommend/recommend.module.ts. You can also create a new NgModule that exports and includes RecommendComponent in E:/2018/KYLIN-WEB/src/app/home/article-details/recommend/recommend.component.ts then import that NgModule in ArticleDetailsModule in E:/2018/KYLIN-WEB/src/app/home/article-details/article-details.module.ts and RecommendModule in E:/2018/KYLIN-WEB/src/app/home/article-details/recommend/recommend.module.ts.

article-details模块有四个子模块
刚开始的引用

article-details模块：

四个模块引入各自的component，用其中一个子模块recommend.module为例

于是打包时报错

翻译了一下

就是组件只能声明在一个模块里面

改进
把所有的组件声明在article-details模块里面，子模块不用再引入，每个子模块只需要引入article-details模块就可以了

这里是以其中一个子模块为例，其他三个也相同的操作
这样就可以通过编译了！

angular6父子组件之间的引入报错相关推荐

vant组件引入报错module “pages/index/initiate/path/to/@vant/weapp/dist/dialog/dialog.js“ is not defined
问题描述根据官方文档引入dialog弹出框引入报错: 使用vant组件库的dialog弹出框引入报错原因分析: 不能直接根据官网的路径直接写path/to,而是要使用你安装本地的dialog.js ...
Vue中关于父子组件之间的通信
父子组件之间的通信是vue中的基础知识,在此做一个简单的梳理. 总的来说父传子是通过props,子传父是通过$emit. 简单的一个demo来说说,先上代码父组件: 如图,HelloWorld是一个 ...
bus.js非父子组件之间通讯
bus.js非父子组件之间通讯区别: bus.js就是一个公共的vue实例专门处理emit和on事件. vuex.js是做全局数据处理的,是指限定了对公共数据的使用处理方法,统一管控 vue中非父子 ...
VUE父子组件之间的传值，以及兄弟组件之间的传值；
一.Vue父子组件之间传值 vue使用中,经常会用到组件,好处是: 1.如果有一个功能很多地方都会用到,写成一个组件就不用重复写这个功能了: 2.页面内容会简洁一些:方便管控: 子组件的传值是通过p ...
Vue非父子组件之间的通信
文章目录非父子组件的通信 1.Provide和Inject 1.1基本使用 1.2处理响应式数据(了解) 2.全局事件总线非父子组件的通信此篇讲解的是, 在学习状态管理之前, 非父子间通信的方案 ...
Vue3组件开发-父子组件之间通信的方式
父子组件之间如何进行通信呢? 父组件传递给子组件:通过props属性: 子组件传递给父组件:通过$emit触发事件: 一.父组件传递给子组件在开发中很常见的就是父子组件之间通信,比如父组件有一些数据 ...
vue的父子组件之间的通信详解
vue的父子组件之间的通信详解一.父组件给子组件传值父组件引入子组件,并对子组件进行监听 <template><div><h1&g ...
020_Vue非父子组件之间数据交互
1. 非父子组件之间数据交互 1.1. 单独的事件中心管理组件间的通信 var eventHub = new Vue(); 1.2. 监听事件 eventHub.$on('event-name', f ...
Vue父子组件之间的传值
1.vue是如何进行父子组件之间的传值的 a.父子组件之间通过props b.子父组件之间通过$emit 2.简单demo描述父组件包含一个点击按钮,用于改变子组件的显示与隐藏: 子组件只有一 ...

angular6父子组件之间的引入报错

angular6父子组件之间的引入报错相关推荐

最新文章

热门文章