Javascript Storybook react本机web问题webpack.config

Webpack.config

const path=require（'path'））
const HTMLWebpackPlugin=require（'html-webpack-plugin'）
const HTMLWebpackPluginConfig=new HTMLWebpackPlugin({
模板：path.resolve（uu dirname，'./public/index.html'），
文件名：“index.html”，
注射：“身体”，
})
module.exports={
条目：path.join（uu dirname，'index.web.js'），
输出：{
文件名：“bundle.js”，
path:path.join（uu dirname，“/build”），
},
决心：{
别名：{
“react native$”：“react native web”，
“@storybook/react native”：“@storybook/react”，
“样式化组件/本机”：“样式化组件”，
},
},
模块：{
规则：[
{
测试：/\（js | jsx | ts | tsx）$/，
排除：/node\u模块[/\\]（？！react native super grid）/，
使用：{
加载器：“巴别塔加载器”，
选项：{
//禁用读取babel配置
巴别塔：错，
configFile:false，
预设：[
“@babel/preset env”，
“@babel/preset react”，
“@babel/预设流量”，
“@babel/preset typescript”，
{
插件：['@babel/plugin提案类属性'，'@babel/plugin提案对象rest spread']，
},
],
},
},
},
{
测试：/\（jpg | png | woff | woff2 | eot | ttf | svg）$/，
加载器：“文件加载器”，
//包括：path.resolve（uuu dirname，“节点模块/反应本机向量图标”），
包括：path.resolve(
__dirname，
“node_modules/react native vector icons/fontsawesome.js”，
),
}
],
},
插件：[HTMLWebpackPluginConfig]，
开发服务器：{
历史上的倒退：是的，
contentBase:“./”，
热：是的，
},
}

我正在用

react native web

实现故事书，其中我使用

react native vector图标

作为图标，如上图所示，我无法显示图标。 我认为这是一个

webpack

问题（上面的代码）

你能帮我理解我错在哪里吗

我还把项目的链接，如果它有帮助的话。 链接：