导入组件的问题

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:

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

Answer 2

您可以使用require 库，不需要提及路径。

只要包名就够了。

var MDCTopAppBar = require('@material');