Screenshot of error reporting
Solution:
1. Put the font file under static
2. Import font with absolute path in font.css file
3. Introduce CSS in app.vue (@ import “assets/CSS/font.CSS”)
Effect display
Read More:
- Vue Import element-plus Error: Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src
- [Solved] Vue Import swiper.css Error: Module not found…
- Vue Import three.JS error: Unexpected token [How to Solve]
- [Solved] Nuxt Import qrcodejs2.js / QRCode.js Error: document is not defined
- [Solved] vue3vite Error: Failed to resolve import “@vue/server-renderer from “src\App.vue“. Does the file exist
- [Solved] Layui 404 Error: Static resources cannot load layui.js and layui. css
- Solution to build error in Vue project (error in static/JS)/vendor.xxxxx.js from UglifyJs)
- Solution to some map files in JS folder after Vue packaging (remove the map. JS file)
- js: SyntaxError: Cannot use import statement outside a module
- [vite] Failed to parse source for import analysis because the content contains invalid JS syntax.
- [Solved] Vue3 Import element UI error: Uncaught TypeError: Cannot read properties of underfined…
- [Solution] VUE.js Load a local image with parameters in the script
- How to Solve Vue3 Import lodash error
- vue3 import Error: has no default export [How to Solve]
- Solve Google browser font reduction to 12px
- [Solved] vue.esm.js?efeb:591 [Vue warn]: Error in event handler for “click“: “TypeError: Cannot read property
- [Solved] Failed to load plugin ‘vue‘ declared in ‘.eslintrc.js‘: createRequire is not a function
- [Solved] Vue beforeeach error: RangeError: Maximum call stack size exceeded at eval (permission.js?223d:39)
- CSS to achieve dynamic display of picture text by mouse touch
- How to Solve Webpack packag iconfont font error