Reactjs 无法在nrwl react工作区中加载svg

我一直在尝试nrwl工具来创建工作区。我已经创建了一个

npm init nx工作区

然后将使用

create react app--typescript

创建的应用程序移动到该工作区

我得到：找不到模块'/logo.svg'.ts（2307）

修正者（弹出react应用程序后获得）

声明模块'*.svg'{
从“React”导入*作为React；
export const ReactComponent:React.FunctionComponent；
const src:string；
导出默认src；
}

然后我得到了（我想这是网页抱怨）

./orig/logo.svg 1:0中的

错误
模块分析失败：意外令牌（1:0）
您可能需要适当的加载程序来处理此文件类型。
> 

---

当create react应用程序处理所有网页转换时，我希望有相同的体验。

我想我找到了一个解决方案：

添加到/angular.json

/webpack.config.js

module.exports=（配置，上下文）=>{
const{module}=config；
module.rules.push({
测试：/\.svg$/,，
使用：['@svgr/webpack'，'url loader']
});
返回{…配置，模块}；
};

笑话配置

（添加了模拟文件/fileMock.js）

module.exports='测试文件存根'；

/jest.config：

module.exports={
...,
模块映射：{
“\ \（jpg | jpeg | png | gif | eot | otf | webp | svg | ttf | woff | woff2 | mp4 | webm | wav | mp3 | m4a | aac | oga |）$”：“/src/app uu mocks |/fileMock.js，
},
...
};

declare module '*.svg' {
  import * as React from 'react';

  export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;

  const src: string;
  export default src;
}

ERROR in ./orig/logo.svg 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">

{
 ...,
 "projects": {
   ...,
   "projectName": {
     ...,
     "architect": {
       ...,
       "build": {
         "options": {
           "webpackConfig": "apps/pathToProject/webpack.config.js",
           ...,
...