首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >全历法&角5

全历法&角5
EN

Stack Overflow用户
提问于 2017-12-23 07:15:08
回答 4查看 20.1K关注 0票数 12

(新编辑)

Rustam帮助Arshaw建立了一个非常棒的角度模块!看看这个。工作角度7。

https://fullcalendar.io/docs/angular

(新编辑)

我用FullCalendar @Alpha释放实现了Angluar 5。

我以前遇到过实现FullCalendar到下面角度的问题。我想你们可能也想了解最新情况。

如何正确地实现具有角5的完整日历而不存在任何错误?我正在尝试将其实现到特定的组件中。我安装了以下软件包

  • jquery
  • 力矩
  • 满历
  • 全日历调度程序

FYI,下面的帖子是我最近找到的解决方案。我遵循了指令,但我仍然得到'JQueryPromise‘错误。请提前提出建议,谢谢!

从jquery事件中回调角函数

package.json

代码语言:javascript
运行
复制
 "fullcalendar": "^3.8.0",
 "fullcalendar-scheduler": "^1.9.1",
 "jquery": "^3.2.1",
 "moment": "^2.20.1",

.角-cli.json

代码语言:javascript
运行
复制
 "styles": [
    "styles.css",
    "../node_modules/fullcalendar/dist/fullcalendar.min.css",
    "../node_modules/fullcalendar-scheduler/dist/scheduler.min.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/moment/min/moment.min.js",
    "../node_modules/fullcalendar/dist/fullcalendar.min.js",
    "../node_modules/fullcalendar-scheduler/dist/scheduler.min.js"
  ],

main.ts

代码语言:javascript
运行
复制
import * as jQuery from "jquery";
(window as any).$ = (window as any).jQuery = jQuery;

app.component.html

代码语言:javascript
运行
复制
<div id='calendar'></div>

app.component.ts

代码语言:javascript
运行
复制
import { Component } from '@angular/core';
import 'fullcalendar';
import 'fullcalendar-scheduler';
declare let $: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  ngOnInit() {
    $('#calendar').fullCalendar({});
  }
}

我信誓旦旦地跟随着所有的步骤,但我仍在犯错误。具有讽刺意味的是,当我刷新页面时,它能够加载,并且可以避免该错误,但它仍然存在,特别是当我第一次运行“ng serve”时。

代码语言:javascript
运行
复制
ERROR in node_modules/fullcalendar/dist/fullcalendar.d.ts(695,36): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(696,29): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(697,20): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(759,22): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(775,50): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(988,23): error TS2304: Cannot find name 'JQueryEventObject'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(1401,70): error TS2304: Cannot find name 'JQueryAjaxSettings'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(1603,50): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(1623,50): error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(2588,50): error TS2304: Cannot find name 'JQueryPromise'.

兔洞下的新发展

刚刚尝试创建一个新组件"schedule.component“并将所有内容移到那里,但现在我得到了以下错误

代码语言:javascript
运行
复制
Refused to load the font 'data:font/woff;base64,d09GRgABAAAAAGVUABEAAAAAxuQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABgAAAAC4AAAA0ArgC7UdQT1MAAAGwAAAQ6AAALgxKsqRTR1NVQgAAEpgAAAH3AAAELqI5y+RPUy8yAAAUkAAAAE8AAABgaGyBu2NtYXAAABTgAAABlAAAAkQkRATXY3Z0IAAAFnQAAABeAAAAugDsQf1mcGdtAAAW1AAABZcAAAvNb3/BHGdhc3AAABxsAAAACAAAAAgAAAAQZ2x5ZgAAHHQAAEApAAB3CtbiupxoZWFkAABcoAAAADYAAAA2BkubWWhoZWEAAFzYAAAAIAAAACQHFARfaG10eAAAXPgAAAI6AAAEEk4TN4Nsb2NhAABfNAAAAhIAAAISiLhpam1heHAAAGFIAAAAIAAAACACigzgbmFtZQAAYWgAAACUAAABHhQGLdJwb3N0AABh/AAAAq4AAASRk5y6n3ByZ...QxUajCCFt4p9HP4fzdSWs2XhWl5HvJazrIrFUyB0l5dpqcW10lV2wukjMLuAvyMHNiYpgPsrCVXZDKrkpll6UWkh7kABVAFVCDe7UFmxagDegA+hLHRPbqtMo7ZHCpKdT6tPGXybzo0+RXBLoPZt1tELcXxCmAAyZwYTJvdDFZKnDER44X2451rDqCyunIsRWvLSx6wnWqwPj/uX5/KuEy6DL0z6A/Fn79VihxMFJsrlAFy4DpZOcvNlMeNp+BRDLj0r+XFdRxdSNSNxiI/AL3ojKdAAB4AWPw3sFwIihiIyNjX+QGxp0cDBwMyQUbGdictkUwWDAwsDJogTgOPN4c9iz6bMos4iysHFChUDZXJnMWTSZZJrAQt9M+YQYBBh4GTgY2kEZOoJiA0z4GBxiEiDEzuGxUYewIjNjg0BGxkTnFZaMaiLeLo4GBkcWhIzkkAqQkEggceHw5HFkM2VRZJFlYebR2MP5v3cDSu5GJwWUDW9xG1hQXAFAmKZU=' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-02-12 11:19:48

现在,由于您提出的GitHub问题,您所拥有的问题已经得到了解决。

我相信运行npm install --save-dev @types/jquery将正确地解决这个问题,因为我遇到了同样的问题,而运行这个问题就成功了(在我找到这个帖子和指向GitHub问题的链接之后)。

引用GitHub上的修正:“现在在docs:https://fullcalendar.io/docs/typescript/中说明了这一点”

票数 11
EN

Stack Overflow用户

发布于 2017-12-24 05:02:16

因此,似乎*.d.ts文件夹中的node_modules文件有问题。我在GitHub项目中打开了一个问题

https://github.com/fullcalendar/fullcalendar/issues/3991

我将相应的问题类型替换为“any”:

node_modules/fullcalendar/dist/fullcalendar.d.ts

node_modules/fullcalendar-scheduler/dist/scheduler.d.ts

'JQueryPromise‘

'JQueryEventObject‘

'JQueryAjaxSettings‘

具有讽刺意味的是,在修复后,我也不再有“拒绝加载字体”的问题。不能对此发表评论。我只知道它能正常工作。

假日快乐!

票数 0
EN

Stack Overflow用户

发布于 2017-12-30 19:30:44

您的项目不包含jquery类型。尝试使用以下命令添加它们

代码语言:javascript
运行
复制
npm install --save-dev @types/jquery@3.2.7

此问题已在完整日历问题跟踪器(https://github.com/fullcalendar/fullcalendar/issues/3991)中提出。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47950588

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档