Jquery 使用Angular2网页包启动计划

我将在基于Angular2 webpack starter（）的项目中使用Priming schedule（）

由于启动计划依赖于jQuery插件

fullcalendar.js

，因此我尝试通过webpack加载

fullcalendar

和jQuery。我在这里遵循这个示例（）

在

package.json

中，我将下面的设置添加到

的“devdependences”

并将以下设置添加到

vendor.js

import 'script!jquery/dist/jquery.min.js';
import 'script!moment/moment.js';
import 'script!fullcalendar/dist/fullcalendar.js';

---

但问题是，尽管

标记实际上在网页中，但预涂计划没有呈现在网页中。我遗漏了什么吗？

您需要修改angular cli.json，将它们添加到angular cli.json文件中

"styles"           : [
                "../node_modules/fullcalendar/dist/fullcalendar.min.css",
                "../node_modules/primeng/resources/primeng.min.css",
                "../node_modules/primeng/resources/themes/omega/theme.css"
            ],
            "scripts"          : [
                "../node_modules/jquery/dist/jquery.js",
                "../node_modules/moment/min/moment.min.js",
                "../node_modules/fullcalendar/dist/fullcalendar.js"
            ],

---

不要介意。结果是我错了。将

计划添加到相应组件的指令字段后，它会出现。并将
{from:'node_modules/fullcalendar/dist/fullcalendar.min.css'添加到：'assets/fullcalendar/dist/fullcalendar.min.css'}
to
CopyWebpackPlugin
应用css。嘿，你介意与我分享你应用程序的一些重要部分吗？我也在尝试让网页进度表正常工作，但就我而言，我无法让它正常工作。仅与ngprime和计划组件相关的部分？非常感谢
"styles"           : [
                "../node_modules/fullcalendar/dist/fullcalendar.min.css",
                "../node_modules/primeng/resources/primeng.min.css",
                "../node_modules/primeng/resources/themes/omega/theme.css"
            ],
            "scripts"          : [
                "../node_modules/jquery/dist/jquery.js",
                "../node_modules/moment/min/moment.min.js",
                "../node_modules/fullcalendar/dist/fullcalendar.js"
            ],