Невозможно добавить расширение пользовательского интерфейса в Contentful. Когда я запускаю nopm run start, я получаю ошибку 404 на ui_config - PullRequest
Новая
       48

Невозможно добавить расширение пользовательского интерфейса в Contentful. Когда я запускаю nopm run start, я получаю ошибку 404 на ui_config

0 голосов
/ 10 февраля 2020

Я новичок в содержательной. Я пытаюсь разработать расширение пользовательского интерфейса для Contentful, используя Contentful SDK.

Я выполнил все шаги, упомянутые в этой статье .

Это код, который у меня есть в индексе. js. 

import React from 'react';
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
import { TextInput , Button } from '@contentful/forma-36-react-components';
import { init } from 'contentful-ui-extensions-sdk';
import '@contentful/forma-36-react-components/dist/styles.css';
import './index.css';

export class App extends React.Component {
  static propTypes = {
    sdk: PropTypes.object.isRequired
  };

  detachExternalChangeHandler = null;

  constructor(props) {
    super(props);
    this.state = {
      value: props.sdk.field.getValue() || ''
    };
  }

  componentDidMount() {
    this.props.sdk.window.startAutoResizer();

    // Handler for external field value changes (e.g. when multiple authors are working on the same entry).
    this.detachExternalChangeHandler = this.props.sdk.field.onValueChanged(this.onExternalChange);
  }

  componentWillUnmount() {
    if (this.detachExternalChangeHandler) {
      this.detachExternalChangeHandler();
    }
  }

  onExternalChange = value => {
    this.setState({ value });
  };

  onChange = e => {
    const value = e.currentTarget.value;
    this.setState({ value });
    if (value) {
      this.props.sdk.field.setValue(value);
    } else {
      this.props.sdk.field.removeValue();
    }
  };
  onButtonClick = async () => {
   console.log('hurray');
  };

  render() {
    return (
      <Button buttonType="primary" isFullWidth={false}
      onClick={this.onButtonClick}>
      Add Content from AEM DAM
      </Button>
    );
  }
}

В идеале я пытаюсь создать расширение пользовательского интерфейса для использования в содержательном пространстве. Я скачал содержательный SDK и вставил кнопку. Но я получаю эту ошибку на консоли, и она не работает Скриншот:

enter image description here

1 Ответ

0 голосов
/ 12 февраля 2020

https://github.com/contentful/create-contentful-extension

Go к контенту этого типа контента и включите смешанный контент в вашем браузере, чтобы версия для разработчиков, которая подается с вашего локального компьютера, могла рендеринг в https://app.contentful.com.

Еще лучше:

Я не самый большой поклонник отключения настройки смешанного контента в браузерах. Могу ли я использовать HTTPS в режиме разработки? Да, вы можете обслуживать ваше расширение, используя HTTPS. Добавьте --https для запуска команды.

"start": "contentful-extension-scripts start --https", он использует Parcel HTTPS под капотом, который генерирует самозаверяющий сертификат, возможно, вам придется настройте браузер так, чтобы он разрешал самозаверяющие сертификаты для localhost.

Я думаю, что это исправит ошибку 404 и все заработает.

Пожалуйста, внимательно прочитайте readme и оставьте отдельный вопрос если у вас все еще есть проблемы.

...