javascript - 导入组件的问题

Question

我正在尝试导入 Material 设计组件“top app bar”，但是当我放入以下代码时:

import {MDCTopAppBar} from '@material/top-app-bar/mdc-top-app-bar';

我收到以下错误代码:

未捕获的类型错误:无法解析模块说明符“@material/top-app-bar/mdc-top-app-bar”。相对引用必须以“/”、“./”或“../”开头。

如有任何相关指导，我们将不胜感激。我对来自版本 2 的 Polymer 3 也很陌生，并且不习惯使用 npm 安装组件和新的引用方式，因此任何关于该主题的可能有用的资源都将不胜感激。

谢谢

Answer 1

改变:

import {MDCTopAppBar} from '@material/top-app-bar/mdc-top-app-bar';

到

import {MDCTopAppBar} from '@material/top-app-bar/index';

并导入样式:

<style>
   @import "@material/top-app-bar/mdc-top-app-bar";
</style>