Rrule: Rrule을 로드하는 방법?

브라우저에서 rrule을 사용하는 방법에는 여러 가지가 있습니다. 브라우저에서 rrule을 테스트하거나 놀고 싶다면 npm에서 모듈을 가져올 수 있는 stackblitz 와 같은 것을 사용할 수 있습니다.

codepen의 서버에서 상대 파일 경로("rrule")를 가져오려고 하기 때문에 문제가 발생합니다. (저는 codepen을 사용한 적이 없지만 codepen이 rrule 사용할 수 있게 했는지 의심스럽습니다. 그것은 어떤면에서 사용자입니다). 자바스크립트를 직접 제공하지 않으려면 CDN에서 자바스크립트를 가져와야 합니다.

안녕하세요 @fliik님 , 댓글 감사합니다 :)

stackblitz는 믿을 수 없을 정도로 보입니다. Codepen은 웹 페이지를 구축하기 위한 놀이터이며 다른 CDN에서 스크립트를 로드할 수 있다는 점에서 stackblitz와 매우 유사합니다. codepen의 settings 대화 > Javascript >를 통해 내 스크립트를 로드한 다음 호스팅된 스크립트에 대한 파일 경로를 입력했습니다.

저는 현재 https://s3.amazonaws.com/appforest_uf/f1559527195623x315562171275647800/rrule.min.js 에서 rrule을 호스팅하고 있습니다.

다음은 다음을 통해 명시적으로 로드하는 업데이트된 펜입니다.

" https://s3.amazonaws.com/appforest_uf/f1559527195623x315562171275647800/rrule.min.js/ "에서 { RRule, RRuleSet, rrulestr } 가져오기

내가 시도한 그 코드는 올바른 ES6 구문입니다(귀하의 코드에 쉼표가 누락된 것처럼 보이지만). S3가 액세스 시도를 차단하는 것 같습니다(콘솔을 보면 403 금지 상태 코드로 응답함).

다음은 rrule을 가져온 간단한 프로젝트입니다. https://stackblitz.com/edit/js-bbaffe

너무 이상하게도 S3는 확실히 내 콘솔에 리소스를 로드하고 있습니다.

내가 이해하는 한 로드해야 하는 다른 종속성은 없습니다. 맞습니까(typescript를 추가하려고 시도했지만 문제가 되지 않는 것 같았습니다)?

내가 npm 환경이라면 당신이 제공한 멋진 stackblitz 프로젝트를 복사할 것이지만 불행히도 나는 클라이언트 측 코드로만 제한됩니다./

Google 에 따르면 파일 확장자는 모듈에서 중요할 수 있습니다.

파일 확장자에 대한 참고 사항
모듈에 .mjs 파일 확장자를 사용하고 있음을 눈치채셨을 것입니다. 웹에서 파일 확장자는 JavaScript MIME 유형 text/javascript 제공되는 한 실제로 중요하지 않습니다. 브라우저는 스크립트 요소의 type 속성 때문에 모듈임을 알고 있습니다.

내 파일이 text/javascript 가 아니라 application/javascript 또는 application/x-javascript . 그게 문제가 될까요? 여기 누구에게나 MIME 유형 text/javascript 전달하는 rrule 호스팅 버전이 있습니까?

흠, 그래서 ES6 모듈을 직접 브라우저로 가져올 이유가 없었지만(UMD 모듈일 수도 있음) 다음 코드가 codepen에서 작동하는 것처럼 보입니다.

// This imports everything in the `rrule` namespace
import "https://jakubroztocil.github.io/rrule/dist/es5/rrule.min.js"

console.log(rrule)

// Create a rule:
const rule = new rrule.RRule({
  freq: rrule.RRule.WEEKLY,
  interval: 5,
  byweekday: [rrule.RRule.MO, rrule.RRule.FR],
  dtstart: new Date(Date.UTC(2012, 1, 1, 10, 30)),
  until: new Date(Date.UTC(2012, 12, 31))
})

// Get all occurrence dates (Date instances):
console.log(rule.all())

너무 이상하게도 S3는 확실히 내 콘솔에 리소스를 로드하고 있습니다.

컴퓨터에서 아마존 계정에 로그인했을 수 있습니다.

그런 생각이 들었지만 아니요. 액세스 권한이 없는 두 번째 컴퓨터와 시크릿 모드에서 해당 파일에 액세스할 수 있습니다. 여기에서 볼 수 있듯이 운 없이 jsdeliver 에서 스크립트를 로드하려고 시도했습니다.

@zeluspudding 내 이전 댓글 못 봤어?

import "https://jakubroztocil.github.io/rrule/dist/es5/rrule.min.js" 는 codepen에서 작동합니다.

오, 죄송합니다 - 귀하의 의견을 놓쳤습니다. 그리고 예! 그것은 작동합니다 :)

정말 감사합니다! 모든 도움에 정말 감사드립니다.

코드 스니펫을 사용하여 시작하기 가이드를 업데이트하는 것이 좋습니다(이 경우 ES6 모듈을 브라우저로 직접 가져오는 경우). 원한다면 풀 리퀘스트를 제출할 수 있습니다

Observable에서 rrule을 사용하는 데 관심이 있는 사람 은 이 링크를 방문하세요 .