将svg与webpack和故事书一起使用时出错

Question

在将svg与webpack和storybook一起使用时，会出现此错误。

故事书错误

中的错误/node_modules/areact native/Libraries/Image/resolveAssetSource.js 18:12模块分析失败：意外的令牌(18:12(您可能需要一个适当的加载器来处理此文件类型，目前没有配置任何加载器来处理该文件。看见https://webpack.js.org/concepts#loaders|const AssetSourceResolver=require('./AssetSourceResolver'(；|

从"导入类型｛ResolvedAssetSource｝/AssetSourceResolver'；||let _customSourceTransformer、_serverURL、_scriptURL；

我尝试通过以下方式安装：npm I react native svg-web，并将其添加到webpack-config:在webpack.config 中添加行

module.exports = async ({ config }) => {
config.resolve.alias = {
'react-native$': 'react-native-web',
'react-native-svg': 'react-native-svg-web'
};

这是一个有效的导入，对于webpack，还是有人遇到过同样的问题？

Answer 1

在webpack.config.js文件中，添加以下行为我修复了它：

module.exports = ({config}) => {
// ...
config.resolve.extensions.unshift('.web.js'); // added this line
// ...
return config;
};

原因如下所述。