Ошибка при создании пользовательского веб-компонента с Angular 7 - PullRequest
Новая
       45

Ошибка при создании пользовательского веб-компонента с Angular 7

0 голосов
/ 02 февраля 2019

Я пытаюсь сгенерировать пользовательский элемент с Angular 7, используя Angular Element, но при объединении в большой файл (объединяющий во время выполнения, полифилы, сценарии и основной) полученный файл выдает ошибку (ошибка: ошибка: приложение селектора)-root "не соответствует ни одному элементу)

Вот мой скрипт сборки 

// build-elements.js
const fs = require('fs-extra');
const concat = require('concat');
(async function build() {
  const files = [
    './dist/elements/runtime.js',
    './dist/elements/polyfills.js',
    './dist/elements/scripts.js',
    './dist/elements/main.js',
  ]
  await fs.ensureDir('elements')
  await concat(files, 'elements/elements.js');
  await fs.copyFile('./dist/elements/styles.css', 'elements/styles.css')
})()

Этот проект загружен из официального документа https://angular.io/guide/elements

для генерациивеб-компонент, который я использую с помощью этих команд: 

> ng build elements --prod && node build-elements.js

Это индексный файл 

<!doctype html>
<html lang="en">
<head>
  <!-- Here I include the CSS and JS for my custom elements --> 
  <link rel="stylesheet" type="text/css" href="./styles.css">
  <script src="./elements.js"></script>
</head>
<body>
  <div>
    Here is an Angular Element:
    <popup-element></popup-element>
  </div>
</body>
</html>

Кто-то знает, что я пропустил?Спасибо.

...