导入组件时出现问题

Question

我正在尝试导入材料设计组件“顶部应用栏”，但是当我将以下代码放入时：

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

我收到以下错误代码：

未捕获的TypeError：无法解析模块说明符“ @ 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：

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

Answer 2

您可以使用require库，该库无需提及路径。

仅软件包名称足够。

var MDCTopAppBar = require('@material');