在项目中共享离子4 / angular7模块

时间:2019-03-20 20:45:16

标签: angular typescript ionic-framework ionic4

我有一个带有多个模块的ionic4 / angular7项目。现在,我想使用每个克隆中的模块作为共享模块来对该项目进行克隆。

结构:

folder
  |-- shared-module-1
       |--  index.ts
       |--  package.json
       |--  pages
            |--  myPage
       ...stuff

  |-- shared-module-2
       ...stuff

  |-- ionic-project
      |--  package.json
      |--  angular.json
      |--  tsconfig.json
      ...stuff

  |-- ionic-project-clone
  etc

我指定要在tsconfig中加载共享模块

"paths": {
    "@sharedModule1": [
       "../shared-module-1"
    ]
 }

遵循此tutorial。 VS Code中的打字稿编译器工作正常,我可以毫无问题地运行离子服务。但是,在浏览器中,我收到类似Cannot find module './pages/my-page/myPage.module'的错误。该页面是共享模块的一部分,并且是延迟加载的(如果这很重要)。

我的猜测是,webpack不会在共享模块中编译页面。我尝试在angular.json文件中弄乱lazyModules,但到目前为止还算不上运气。

有人做过类似的事情吗?

更新: 我认为这一定与延迟在共享模块中加载页面有关。我可以在控制台中看到实际加载的共享模块。只是其中的页面模块无法加载。

更新2: 我尝试过使用符号链接进行相同的操作,但最终出现相同的错误。

0 个答案:

没有答案