Angular 有没有一种方法可以将本地svg文件包含到我正在使用的自定义角度库的故事书中?

Angular 有没有一种方法可以将本地svg文件包含到我正在使用的自定义角度库的故事书中?,angular,svg,webpack,angular-material,storybook,Angular,Svg,Webpack,Angular Material,Storybook,我无法在故事书中显示任何本地svg文件 我已经在.Storybook文件夹下的main.js中将一条新规则推送到Storybook的webpack配置文件中,并且正在使用svg内联加载程序来加载svg文件(已经安装) 我尝试编辑package.json以允许使用-s标志,并传入一个参数,该参数直接指向包含svg文件的我的资产文件夹 我在网络输入端收到404条回音 Request URL: http://localhost:6006/assets/icon.svg Request Method:

我无法在故事书中显示任何本地svg文件

我已经在.Storybook文件夹下的main.js中将一条新规则推送到Storybook的webpack配置文件中,并且正在使用svg内联加载程序来加载svg文件(已经安装)

我尝试编辑package.json以允许使用-s标志,并传入一个参数,该参数直接指向包含svg文件的我的资产文件夹

我在网络输入端收到404条回音

Request URL: http://localhost:6006/assets/icon.svg
Request Method: GET
Status Code: 404 Not Found
已尝试创建自定义d.ts

declare module "*.svg" {
const content: string;
export default content;
}
declare module "svg-inline-angular" 
并尝试将其添加到.storybook文件夹中的tsconfig.json,但也没有成功

我最近尝试的是添加
import'!svg内联加载程序/filepath_到_资产
,但它也是空的

我已经在一个普通的应用程序上完成了这项工作,在assets对象数组中包含assets文件夹的angular.json文件中。这适用于导入svg文件,但在库中不起作用

有什么想法吗?谢谢

declare module "*.svg" {
const content: string;
export default content;
}
declare module "svg-inline-angular"