无法解析包 "material-symbols" 的条目

Question

使用 npm 安装 material-symbols 后，控制台中显示以下消息

我的脚步

运行在控制台中 npm i material-symbols@latest
在 __layout.svelte 文件的顶部添加 import 'material-symbols';
在组件文件中添加<span class="material-symbols-outlined">face</span>
打开控制台
显示错误消息

错误信息

Failed to resolve entry for package "material-symbols". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "material-symbols". The package may have incorrect main/module/exports specified in its package.json.

Answer 1

因为能够运行这个包通过改变方法。我用 CSS 导入替换了第 2 步。

而不是

// __layout.svelte

import 'material-symbols';

...

我在 src 文件夹中创建了 'app.css' 文件。在其文件顶部添加 @import 'material-symbols';。将 app.css 导入 __layout.svelte。

/* app.css */

@import 'material-symbols';

// __layout.svelte 

- import 'material-symbols';
+ import '../app.css';

...

有效

无法解析包 "material-symbols" 的条目

Failed to resolve entry for package "material-symbols"

sveltekit