我正在使用带有打字稿的包裹,开箱即用,一切正常, 现在,当我尝试添加svg时不起作用,
这是因为我需要更改打字稿
declare module "*.svg"
这使我现在可以编译我的打字稿。
现在,其他不起作用的是我想导入我的SVG组件 并像create-react-app 2一样使用它
从“ ./icon.svg”导入图标
function DisplayIcon(){
return <Icon/>
}
所以这看起来很简单 https://www.npmjs.com/package/@svgr/parcel-plugin-svgr 纱安装,我得到无法解决
<Typescript file>:<Line>:<Column>: Cannot resolve dependency './icon.svg' at '<Icon Location>'
所以我想也许是插件,我尝试使用
https://www.npmjs.com/package/parcel-plugin-inlinesvg
我遇到同样的问题。
我想念什么?
我看到有些人有.babelrc文件,但是插件应该至少能解决文档中所说的那样。
在Parcel中使用插件再简单不过了。所有你需要做的 安装并保存在您的package.json中。插件应命名 加上前缀parcel-plugin-或@ your-scope / parcel-plugin-,例如 parcel-plugin-foo或@ your-scope / parcel-plugin-foo。任何依赖 在package.json中列出的带有这些前缀的将自动 在初始化过程中加载。
插件似乎启动了,但没有用。
在没有插件的情况下,我会在我的JavaScript运行时中将文件放在文件的公共路径中。
我想念什么,我做错了什么?