Jhipster Angular 프로젝트에서 Fullcalendar 설정

Khocef

Jhipster (6.10.3) 및 angular 10 프로젝트에 Fullcalendar를 추가하려고합니다.

Angular Cli에서는 모든 것이 예상대로 작동합니다.

어떻게 작동하는지 아이디어?

Package.json :

"@fullcalendar/angular": "^5.3.1",
"@fullcalendar/core": "^5.3.1",
"@fullcalendar/daygrid": "^5.3.2",
"@fullcalendar/interaction": "^5.3.1",
"@fullcalendar/list": "^5.3.1",
"@fullcalendar/timegrid": "^5.3.1",

스택 추적 :

ERROR in ./node_modules/@fullcalendar/common/main.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> .fc-not-allowed,
| .fc-not-allowed .fc-event { /* override events' custom cursors */
|   cursor: not-allowed;

ERROR in ./node_modules/@fullcalendar/daygrid/main.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
> :root {
|   --fc-daygrid-event-dot-width: 8px;
| }

ERROR in ./node_modules/@fullcalendar/list/main.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
> :root {
|   --fc-list-event-dot-width: 10px;
|   --fc-list-event-hover-bg-color: #f5f5f5;

ERROR in ./node_modules/@fullcalendar/timegrid/main.css 6:0
Module parse failed: Unexpected token (6:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| */
|
> .fc-v-event { /* allowed to be top-level */
|   display: block;
|   border: 1px solid #3788d8;
i 「wdm」: Failed to compile.

감사합니다

엘크 테이머

나는 그것이 지금 가고 있다고 생각합니다.

webpack.dev.js에 로더를 추가했습니다.

 {
                test: /\.css$/i,
                use: [
                  'handlebars-loader', // handlebars loader expects raw resource string
                  'extract-loader',
                  'css-loader',
                ],
              },

그런 다음 설치해야했습니다.

npm i handlebars-loader --save
npm i extract-loader --save
npm install --save handlebars

또한 이것을 content / scss / vendor.scss에 추가해야했습니다.

@import '[email protected]/common/main.css';
@import '[email protected]/daygrid/main.css';

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular에서 ng 빌드 프로젝트를 수정하는 방법

분류에서Dev

Visual Studio Blazor 프로젝트에서 시작 경로 설정

분류에서Dev

Django 프로젝트 용 Gitlab에서 CI / CD 설정

분류에서Dev

반응 프로젝트에서 상태 제한 시간 설정

분류에서Dev

내 첫 번째 .NET 5 + Angular 프로젝트 설정

분류에서Dev

Tomcat의 Java EE Maven 프로젝트에서 JavaAgent 설정

분류에서Dev

Tomcat의 Java EE Maven 프로젝트에서 JavaAgent 설정

분류에서Dev

Gradle로 IDEA에서 프로젝트 설정

분류에서Dev

Apache 서버에서 Django 프로젝트 설정

분류에서Dev

Xamarin 프로젝트 설정

분류에서Dev

JHipster 프로젝트에서 ObjectMapper를 수정하는 방법은 무엇입니까?

분류에서Dev

JHipster 프로젝트에서 ObjectMapper를 수정하는 방법은 무엇입니까?

분류에서Dev

Fullcalendar의 특정 시간 슬롯에 다른 색상 설정

분류에서Dev

JHipster 생성 프로젝트에서 프로덕션 프로필에 대한 프런트 엔드 소스 폴더가 지정된 위치는 어디입니까?

분류에서Dev

Angular2, ASP.NET 5 프로젝트 설정. di.d.ts에서 "예상되는 유형"오류

분류에서Dev

Angular 2로 ASP.NET MVC 4 또는 5 프로젝트 설정

분류에서Dev

github에서 프로젝트 설치

분류에서Dev

Maven 프로젝트 설정

분류에서Dev

컨텍스트 경로에서 이미지를 검색하도록 Angular 2 및 웹팩 프로젝트를 어떻게 설정합니까?

분류에서Dev

Gradle : Eclipse에서 Apache Spark로 Scala 프로젝트 설정

분류에서Dev

외부 스크립트에서 Maya 프로젝트 설정

분류에서Dev

PhpStorm에서 새 프로젝트에 대한 인코딩 설정

분류에서Dev

기존 Laravel 프로젝트에서 Angular2를 부트 스트랩 / 설정하는 방법은 무엇입니까?

분류에서Dev

Jhipster4, Angular2 : HTML에 정적 이미지를 포함하는 방법

분류에서Dev

angular 2 프로젝트에 angular-cli 설치

분류에서Dev

Angular 2 (+) 및 Node / Express 서버를 사용한 모든 TypeScript 프로젝트 설정

분류에서Dev

생성 된 jhipster 프로젝트에서 오류가 발생 함

분류에서Dev

iex (Phoenix 프로젝트)에서 httpc 프록시 설정

분류에서Dev

Angular 1이 이미있는 이전 JHipster 프로젝트에 Angular 2 추가

Related 관련 기사

  1. 1

    Angular에서 ng 빌드 프로젝트를 수정하는 방법

  2. 2

    Visual Studio Blazor 프로젝트에서 시작 경로 설정

  3. 3

    Django 프로젝트 용 Gitlab에서 CI / CD 설정

  4. 4

    반응 프로젝트에서 상태 제한 시간 설정

  5. 5

    내 첫 번째 .NET 5 + Angular 프로젝트 설정

  6. 6

    Tomcat의 Java EE Maven 프로젝트에서 JavaAgent 설정

  7. 7

    Tomcat의 Java EE Maven 프로젝트에서 JavaAgent 설정

  8. 8

    Gradle로 IDEA에서 프로젝트 설정

  9. 9

    Apache 서버에서 Django 프로젝트 설정

  10. 10

    Xamarin 프로젝트 설정

  11. 11

    JHipster 프로젝트에서 ObjectMapper를 수정하는 방법은 무엇입니까?

  12. 12

    JHipster 프로젝트에서 ObjectMapper를 수정하는 방법은 무엇입니까?

  13. 13

    Fullcalendar의 특정 시간 슬롯에 다른 색상 설정

  14. 14

    JHipster 생성 프로젝트에서 프로덕션 프로필에 대한 프런트 엔드 소스 폴더가 지정된 위치는 어디입니까?

  15. 15

    Angular2, ASP.NET 5 프로젝트 설정. di.d.ts에서 "예상되는 유형"오류

  16. 16

    Angular 2로 ASP.NET MVC 4 또는 5 프로젝트 설정

  17. 17

    github에서 프로젝트 설치

  18. 18

    Maven 프로젝트 설정

  19. 19

    컨텍스트 경로에서 이미지를 검색하도록 Angular 2 및 웹팩 프로젝트를 어떻게 설정합니까?

  20. 20

    Gradle : Eclipse에서 Apache Spark로 Scala 프로젝트 설정

  21. 21

    외부 스크립트에서 Maya 프로젝트 설정

  22. 22

    PhpStorm에서 새 프로젝트에 대한 인코딩 설정

  23. 23

    기존 Laravel 프로젝트에서 Angular2를 부트 스트랩 / 설정하는 방법은 무엇입니까?

  24. 24

    Jhipster4, Angular2 : HTML에 정적 이미지를 포함하는 방법

  25. 25

    angular 2 프로젝트에 angular-cli 설치

  26. 26

    Angular 2 (+) 및 Node / Express 서버를 사용한 모든 TypeScript 프로젝트 설정

  27. 27

    생성 된 jhipster 프로젝트에서 오류가 발생 함

  28. 28

    iex (Phoenix 프로젝트)에서 httpc 프록시 설정

  29. 29

    Angular 1이 이미있는 이전 JHipster 프로젝트에 Angular 2 추가

뜨겁다태그

보관