我正在使用带有打字稿的包裹并且开箱即用,现在当我尝试包含 svg 时它不起作用,
这是因为我需要更改打字稿
declare module "*.svg"
这使我现在可以编译我的打字稿。
现在另一件不起作用的是现在我想导入我的 SVG 组件并像 create-react-app 2 一样使用它
从“./icon.svg”导入图标
function DisplayIcon(){
return <Icon/>
}
所以这看起来很简单 https://www.npmjs.com/package/@svgr/parcel-plugin-svgr yarn install 我得到无法解决
<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 运行时中使用一个字符串。
我错过了什么,我做错了什么?