5

我正在使用带有打字稿的包裹并且开箱即用,现在当我尝试包含 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 运行时中使用一个字符串。

我错过了什么,我做错了什么?

4

0 回答 0