Comments (1)
Understood.
The vite asset loader loads an asset by default exporting the url.
And svgr doesn't support enforcing the default export. see here.
This line should be if (opts.exportType!=="default" && (opts.state.caller?.previousExport || opts.exportType === 'named')) {
Or maybe it's by design, but right now I can see any justification for this.
If it's by design and won't be fixed, then those who want the default export feature can:
- git clone svgr
- modify the line in ./packages/babel-plugin-transform-svg-component/src/variables.ts
cd ./packages/rollup
pnpm link --global
- and wherever they want this feature:
pnpm link --global @svgr/rollup
Then to replace all the named imports to default imports, you can use this regexp:
pattern: import \{ReactComponent as ([^}]*)}
replace: import $1
from svgr.
Related Issues (20)
- @svgr/webpack Not working with svg's from shared package inside monorepo HOT 1
- Unique IDs in runtime HOT 1
- Classic url import issue in typescript
- React Warning: Each child in a list should have a unique 'key' prop - Unveiling the SVGR SVG Component Dilemma
- Snake Case dependancy is depricated
- Introduce option to allow remove attributes for any component name
- overwriting dimensions HOT 1
- Website not working on Arc browser HOT 4
- Does the current project support the use of Vue2 or Vue3?
- fallback title is not working HOT 1
- Using props on SVGR components dynamically-imported with webpack
- Unable to resolve 'path'
- White screen of death (React error) on the website
- Generate d.ts per svg file
- Svgr trying to convert attributes fills in to style
- provide example on how to manipulate custom template props
- Command line tool outputting to file with binary character appended to the beginning and fails to compile
- Support ESM for templates
- How to use jsx elements in template
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 svgr.