我已经从 SVGR Playground 页面自动转换了 SVG React 组件,并将其放入我的项目中(以及安装 @svgr/webpack 并按照指示设置配置) - 尝试加载页面时,出现以下错误过来:
./img/PlaneIcon
Module parse failed: Unexpected token (2:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const PlaneIcon = (props) => (
> <svg
| width={687.135}
| height={687.135}
Import trace for requested module:
./pages/world.js
Run Code Online (Sandbox Code Playgroud)
我尝试寻找解决方案,但大多数事情似乎都集中在如何加载 .svg 文件(这似乎也是 next.config.js 文件正在处理的内容) - 我没有看到任何迹象表明内联 svg jsx 甚至应该需要一个 webpack 加载器,尽管我在使用 next + React 方面还很陌生,所以我可能只是误解 - 任何帮助将不胜感激。
SVG 组件:
const …Run Code Online (Sandbox Code Playgroud)