cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
New Member

Resolving node_modules CSS dependencies in PowerApps Custom Control

I am trying to build a power apps custom control using ckeditor v5. First step I did was to include

"@ckeditor/ckeditor5-build-classic": "^12.3.1",
 using npm and resolve in my controls base file using  
const ClassicEditor = require('@ckeditor/ckeditor5-build-classic');
 
The above settings work and my control renders fine. I although have one other depdency to include fonts package. For this we have to seperately install 
"@ckeditor/ckeditor5-font": "^11.2.1"
and reference in index.ts -
const Font = require('@ckeditor/ckeditor5-font/src/font');
 
When compiling the package, it throws CSS exceptions 
ERROR in ./node_modules/@ckeditor/ckeditor5-ui/theme/components/list/list.css 6:0
Module parse failed: Unexpected character '@' (6:0)
You may need an appropriate loader to handle this file type.
| */
|
> @import "../../mixins/_unselectable.css";
|
| .ck.ck-list {
@ ./node_modules/@ckeditor/ckeditor5-ui/src/list/listview.js 13:0-46
@ ./node_modules/@ckeditor/ckeditor5-ui/src/dropdown/utils.js
@ ./node_modules/@ckeditor/ckeditor5-font/src/fontsize/fontsizeui.js
@ ./node_modules/@ckeditor/ckeditor5-font/src/fontsize.js
@ ./node_modules/@ckeditor/ckeditor5-font/src/font.js
@ ./HtmlEditorControl/index.ts
 
Appreciate all the help. Thanks.
1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Advocate I
Advocate I

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

The PCF in this moment doesn't compile the files ".css", you need remove all lines where use @import with ".css" and then add these in the manifest. Example:

<css path="../node_modules/ckeditor/mixins/_unselectable.css" order="1" />




View solution in original post

3 REPLIES 3
Highlighted
Advocate I
Advocate I

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

The PCF in this moment doesn't compile the files ".css", you need remove all lines where use @import with ".css" and then add these in the manifest. Example:

<css path="../node_modules/ckeditor/mixins/_unselectable.css" order="1" />




View solution in original post

Highlighted
New Member

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

Thanks, I thought so when i checked your implementatio of rich text editor using Quill.

Highlighted
Advocate I
Advocate I

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

Nice!! Smiley Happy


@moizmh wrote:

Thanks, I thought so when i checked your implementatio of rich text editor using Quill.




 

Helpful resources

Announcements
Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

secondImage

Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

secondImage

Super Users Coming in August

We are excited for the next Super User season.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Users online (7,920)