search

learn-co-curriculum / react-hooks-practice-animal-shelter

Other
3 stars 1.23k forks source link

Missing font files (like outline-icons.woff2) in Semantic UI's default theme #10

Open collinskandie opened 2 weeks ago

collinskandie commented 2 weeks ago

Canvas Link

https://moringa.instructure.com/courses/810/assignments/58090?module_item_id=127420

Concern

Am getting this error caused by the missing font files (like outline-icons.woff2) in Semantic UI's default theme. `Failed to compile.

Module not found: Error: Can't resolve 'themes/default/assets/fonts/outline-icons.woff2' in 'D:\Moringa School\Development\Phase 2\react-hooks-practice-animal-shelter\node_modules\semantic-ui-css' ERROR in ./node_modules/semantic-ui-css/semantic.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/semantic-ui-css/semantic.min.css) 13:36-111 Module not found: Error: Can't resolve 'themes/default/assets/fonts/outline-icons.woff2' in 'D:\Moringa School\Development\Phase 2\react-hooks-practice-animal-shelter\node_modules\semantic-ui-css'

webpack compiled with 1 error `

Additional Context

This can happen if Semantic UI's assets (like fonts and icons) are not properly included in your build.

Suggested Changes

Resolved by using cdn directly on the html files

collinskandie commented 2 weeks ago

Switch to a CDN

As a last resort, you can load Semantic UI’s CSS and JavaScript via a Content Delivery Network (CDN) instead of installing it locally. This will bypass the need to bundle the assets with Webpack. Add the following links in your index.html:

`

`