Comments (11)
Try installing semantic-ui-css
first before running yarn install
I used yarn add semantic-ui-react semantic-ui-css
This worked for me.
from substrate-front-end-template.
@MaEdAlpha thank you so much. but im still getting a new error after your fix.
➜ substrate-front-end-template git:(e36c75d) ✗ yarn build
Creating an optimized production build...
Failed to compile.
TypeError: Cannot read properties of undefined (reading 'get')
from substrate-front-end-template.
Yeah, so after that, you need to go to your semantic.min.css
file.
You can hit Ctrl+ P and type the file name. That should bring you there. If not, then it's within your node_modules folder in the semantic-ui-css
root folder.
Once you're in the semantic.min.css file search for this....
@font-face{font-family:Rating;src:url(data:application/x-font-ttf;charset=utf-8;;base64,
remove one of the ; beside base64 that should let it compile properly. Apparently someone made a typo on the package, and hasn't fixed it...so just remove that and it should work.
from substrate-front-end-template.
hey @MaEdAlpha
rating{font-size:2rem}@font-face{font-family:Rating;src:url(data:application/x-font-ttf;charset=utf-8;base64,
it looks okay only in my semantic.min.css file. I wonder where the issue is 🤔
from substrate-front-end-template.
path is something like below
node_modules/semantic-ui-css/semantic.min.css
from substrate-front-end-template.
@MaEdAlpha thank you so much.. Actually found the line. there were 4 occurences for the same matching string :)
from substrate-front-end-template.
@muddlebee cheers man, glad you found it. have a good one!
from substrate-front-end-template.
@jimmychu0807 do you have a permanent fix for this in mind??
or @MaEdAlpha ??
because this will be a recurring issue for forthcoming newbies as well... maybe mention in the DOC?
from substrate-front-end-template.
From what I found on the www it's a typo from the semantic package....I didn't look to much into it, but might be worth mentioning in the docs for sure. @jimmychu0807 i've never made a PR. Is it worth mentioning in the front-end-template docs?
from substrate-front-end-template.
I think the semantic-ui-css version mentioned here https://github.com/substrate-developer-hub/substrate-front-end-template/blob/main/package.json#L43 also works.
I deleted everything and tried re-installing through yarn install. it seems to work. I tried this on a different OS. Ubuntu WSL..
🤔 strange behaviour..
from substrate-front-end-template.
Sometimes you get issues like this in my experience that as you found a clean are fresh install from scratch solves. I don't think it's specific to this project, but a node/yarn issue. Please lmk if this needs action in this codebase
from substrate-front-end-template.
Related Issues (20)
- README : polkadot.js.org url's are outdated
- Styling forced from substratecontextprovider HOT 4
- Having problems encoding the address chain format HOT 1
- start fail
- Cannot find module 'worker_threads' HOT 1
- Investigate why numerous websocket connections are open HOT 1
- StorageDoubleMap Pallet Interactor second key input not present HOT 1
- Error of PoE: Failed to compile: ./src/TemplateModule.js: Attempted import error: 'useSubstrateState' is not exported from './substrate-lib'.
- Start the front-end template : error:0308010C:digital envelope routines::unsupported HOT 2
- Cryptokitties api arguments type mismatch Expected at least 32 bytes (256 bits), found 16 byte HOT 2
- Hosted endpoint wss://dev-node.substrate.dev mentioned in docs not working
- Update react hook in proof of existence solution branch.
- NEXT.JS Front end template HOT 1
- Full Support for Typescript HOT 1
- yarn start not working HOT 7
- Unable to have optional params in Query calls HOT 2
- Should This Repository Be Archived? HOT 2
- Transfer of tokens don't work HOT 6
- Trouble Registering Events in Substrate Tutorial's Frontend Transaction: Need Assistance HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from substrate-front-end-template.