import

Действуем так:

1. Наводим на класс с полным пространством имени (namespaces-ом) - тут на деле возможно нужно наводить мышь не на сам класс, а на префикс нейспейса
2. и выбираем замену в во всплывающем "quick-fix" сообщении (Replace qualifier with an import)

Alt+Shift+Enter в моем случае в линуксе что-то не заработали, видимо конфликт назначений какой-то

Есть что-то здесь, но пока не проверял https://youtrack.jetbrains.com/issue/WI-...

Разбор решения тут: http://fkn.ktu10.com/?q=node/13678

Javascript

Аналогично тому, что ниже, только параметр называется

javascript.preferences.importModuleSpecifier

Typescript

Заходим в настройки:

File → Preferences → Settings

В строку поиска добавляем слово: importModuleSpecifier

Выставляем значение для нужного нам языка, напр для

typescript.preferences.importModuleSpecifier

можно выставить значение

import const javascript ReferenceError: Cannot access 'before initialization

Возможная причина

Возможной причиной может быть циклическая зависимость файлов (import), которую нужно исправить.

Cannot find module '...' or its corresponding type declarations

Возникает для строки:

import SortSign from '@app-universal/SortSign';

Задача

Рассмотрим решение для следующей ситуации, компонент без псевдонимов имопртируется так (в какой-то из родительских компонентов):

import SortSign from '../../../universal/SortSign';

а требуется его импортировать так:

import SortSign from '@app-universal/SortSign';

или так:

Используя file-loader, можно, например так:

import PDFJSWorker from '!!file-loader!react-pdf/node_modules/pdfjs-dist/build/pdf.worker.js';
pdfjs.GlobalWorkerOptions.workerSrc = PDFJSWorker;

-- такой способ работает без модификации файла конфигурации вебпака.

Документация по file-loader: https://webpack.js.org/loaders/file-loader/

React.lazy динамический импорт

Об импорте: https://ru.reactjs.org/docs/code-splitti...

В Symfony 4.3 можно использовать вызов (webpack.config.js):

Encore
    .addAliases({ // псевдонимы путей для более удобной загрузки 
// вне зависимости от уровня вложенности файл в приложении
        '@universal': path.resolve(__dirname, 'assets/js/react/components/universal'),
      },
    );

После чего вместо путей типа:

import FormSection from '../../../universal/form/FormSection'

использовать:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Как и сказано в ошибке, проблема может быть в том, что вы неправильно импортируете компонента, скажем тот, что экспортирован со словом default Надо импортировать не так:

Вот такая вот проблема....м.б. отчасти дела в домене.

Решение

В моем случае тема поддерживала импорт-экспорт настроек, в админке это было доступно по адресу:

/wp-admin/admin.php?page=ThemeOptions&tab=2

-- скачали файл в админке на старом хостинге, потом скопировали его содержимое в админке на новом хостинге сайта

Что непонятно

Непонятно как так эти настройки хранятся, что они не переносятся вместе с базой и доменом...может это некая защита (м.б. в моем случае была платная тема).