小编Del*_*ine的帖子

Next.js + SVGR,尝试加载 svg 组件时出错

我已经从 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)

javascript svg webpack next.js

0
推荐指数
1
解决办法
5023
查看次数

标签 统计

javascript ×1

next.js ×1

svg ×1

webpack ×1