在两个视图中加载相同的角度指令使用由webpack throw创建的oclazyload和chunk错误:[$ compile:multidir]多个指令

时间:2016-04-02 03:03:17

标签: angularjs webpack

我正在使用webpack代码拆分来支持根据路由中定义的不同视图延迟加载模块。我的目标如下:

1. Keep all common code in main module and use this as entry file and refer in index.html
2. Then create separate module for each view as chunk and load it as per user navigate to different view using oclazyload

当我直接加载单个视图时,它工作正常。但是,当我加载view1时,它会抛出跟随错误,然后转到视图2,然后转到视图3.这是因为view1和view2使用相同的angular指令,而其他视图没有使用它。我不想在主模块中定义指令,直到它没有被用于所有视图。

main.152b3ec….js:7 Error: [$compile:multidir] Multiple directives [datepickercontrol, datepickercontrol] asking for new/isolated scope on:

与datepickercontrol类似,我有很多指令在最多两个或三个视图中使用。我只是不想在主模块bcz中加载这些指令,它会减慢不需要这些指令的其他视图的加载体验。

请帮忙。

0 个答案:

没有答案