导入组件时出现问题

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&nbsp;{MDCTopAppBar}&nbsp;from&nbsp;'@material/top-app-bar/mdc-top-app-bar';至import&nbsp;{MDCTopAppBar}&nbsp;from&nbsp;'@material/top-app-bar/index';并导入Style：<style> &nbsp;&nbsp;&nbsp;@import&nbsp;"@material/top-app-bar/mdc-top-app-bar"; </style>

Answer 2

您可以使用require库，而无需提及路径。仅软件包名称即可。var&nbsp;MDCTopAppBar&nbsp;=&nbsp;require('@material');