Я использую скомпилированные библиотеки для создания приложения React на моем Drupal.
https://unpkg.com/react@16/umd/react.production.min.js: { external: true, minified: true }
https://unpkg.com/react-dom@16/umd/react-dom.production.min.js: { external: true, minified: true }
https://unpkg.com/babel-standalone@6.15.0/babel.min.js: { external: true, minified: true }
В пользовательском коде я определил файл (app.js) и вижу, что приложение реагируетотлично работают.
Пример кода:
class App extends React.Component {
// Define default values.
constructor(props) {
super(props);
// Setting up initial state
this.state = {
data: []
}
}
// Call the componentDidMount().
componentDidMount() {
// Here I build a code to create a value to render.
}
render() {
// Here I call the element to render...
})
return (
.....
Но у меня есть проблема, если я хочу вызвать внешний компонент.Если я добавляю импорт в начале моего app.js, я получаю сообщение об ошибке:
// import { mycomponent } from './mycomponent.js';
// import mycomponent from './mycomponent';
// const { mycomponent } from './mycomponent';
// ....
error: .... require not defined
Чтобы вызвать мой компонент, я пытаюсь использовать import или const без успеха.
Я не использую node.js (или browserify ...) в этом проекте, только выше скомпилированные библиотеки.Прочитав много-много постов, я не вижу, как выполнить импорт / вызов моего компонента.
Можно ли вызвать внешний компонент без этих элементов React по умолчанию: node.js ...?
Спасибо за вашу помощь.