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] 삭제
몇 마디 만하겠습니다