CannotloadSVGinReactapplication

• [x] I am running the latest version


• [x] I checked the documentation and found no answer


• [x] I checked to make sure that this issue has not already been filed


• [x] I'm reporting the issue to the correct repository (not related to Angular, AngularCLI or any dependency)

Expected Behavior

Utilize an SVG file using the

tag in a React application.

Current Behavior

The application fails to compile with

.

Failure Information (for bugs)

Steps to Reproduce

I personally discovered this when trying to use the Ionic React components in an Nx workspace, so will provide these steps to reproduce.

1. Generate a new Nx workspace with a default React application


2. 
   

   1	yarn install /react

   
   


3. Wrap the contents of the default
   

   1

   app.tsx

   JSX with

   1

   
   


4. 
   

   1

   nx serve

   
   

If you can provide steps to reproduce from scratch, that would be enormously appreciated (i.e. where the first step is

)

Context

Please provide any relevant information about your setup:

• Nx 8.6.0


• /react 4.10.0-rc.3

Failure Logs

Other

I have found one other person that reported a similar issue, though it's not Ionic specific. The solution proposed here involved overriding the default webpack config that Nx uses for it's React applications, however that config did not work for me, and I am not adept enough with webpack yet to get this working. I have been inspecting the

(which is what Ionic uses in it's generated projects) and will continue to try and get an override working, but this does seem like something that should be available out of the box.

applications are quite popular, so I imagine many people will eventually run into this issue when using React with Nx.

https://stackoverflow.com/questions/56848952/cannot-load-svg-in-nrwl-react-workspace

该提问来源于开源项目：nrwl/nx