Проблемы с импортом компонентов

Я пытаюсь импортировать компонент материального дизайна «верхнюю панель приложения», но когда я вставляю следующий код:

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

Я получаю следующий код ошибки:

Uncaught TypeError: не удалось разрешить спецификатор модуля «@ material / top-app-bar / mdc-top-app-bar». Относительные ссылки должны начинаться с «/», «./» или «../».

Любые указания по этому поводу будут оценены. Я также очень новичок в Polymer 3 из версии 2, и я не привык использовать npm для установки компонентов и нового способа ссылки, поэтому любые ресурсы по теме, которые могут быть полезны, будут оценены.

Спасибо


javascript polymer polymer-3.x
person devAds    schedule 08.04.2019    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Изменять:

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

to 

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

И чтобы импортировать Style:

<style>
   @import "@material/top-app-bar/mdc-top-app-bar";
</style>
person Sajib Khan    schedule 08.04.2019
comment
спасибо, это сработало для меня. Я вставил следующий код: ‹header class = mdc-top-app-bar mdc-top-app-bar - fixed› RPS IMS ‹/header›, однако стили, похоже, не работают. Я добавил эту строку в тег стиля, но похоже, что она больше не импортируется: @import @ material / top-app-bar / mdc-top-app-bar; TIA - person devAds; 08.04.2019
comment
Я пробовал эту строчку для стилизации, но она не работает - person devAds; 08.04.2019
comment
На самом деле я получаю эту ошибку в консоли: ресурс интерпретируется как таблица стилей, но передается с типом MIME text / html - person devAds; 08.04.2019
comment
Я получаю это сообщение об ошибке от Safari: не удалось проанализировать таблицу стилей в 'localhost: 8081 / @ material / top-app-bar / mdc-top-app-bar ', потому что типы MIME, отличные от CSS, не разрешены в строгом режиме. localhost: 8081 / favicon.ico - person devAds; 08.04.2019

arrow_upward
0
arrow_downward

Вы можете использовать require библиотеку, в которой не нужно указывать путь.

Достаточно только имени пакета.

var MDCTopAppBar = require('@material');
person Arcot Deepika    schedule 08.04.2019