Ответ: Вам может понадобиться соответствующий загрузчик для обработки этого типа файла, в настоящее время загрузчики не настроены для обработки этого файла (модуль локального узла)

Question

У меня есть загрузчик Babel в библиотеке. Тем не менее, после добавления библиотеки в приложение реагирования во время подачи пряжи я получаю вышеуказанную ошибку.

Это webpack.dev.config.js (требуется в webpack.config.js) в библиотеке-

//webpack.dev.config.js
const babelRCPath = require('@appfabric/infra-scripts').getConfigPath('babel', 'plugin');
const babelRCGenerator = require(babelRCPath);
const babelRC = babelRCGenerator([]);

module.exports = {
{
    BaseModule: `${process.cwd()}/src/BaseModule`,
    BaseObject: `${process.cwd()}/src/BaseObject`,
    BaseWidget: `${process.cwd()}/src/widgets/BaseWidget`,
    HOCWidget: `${process.cwd()}/src/widgets/HOCWidget`,
    PortalWidget: `${process.cwd()}/src/widgets/PortalWidget`,
    BaseActivator: `${process.cwd()}/src/application/BaseActivator`,
    CorePlugin: `${process.cwd()}/src/application/CorePlugin`,
    BaseAppDelegate: `${process.cwd()}/src/application/appdelegates/BaseAppDelegate`,
    EmbeddedAppDelegate: `${process.cwd()}/src/default/appdelegates/embedded/EmbeddedAppDelegate`,
    ActionType: `${process.cwd()}/src/application/appdelegates/actions/ActionType`,
    types: `${process.cwd()}/src/application/appdelegates/actions/types`,
    CommandActionType: `${process.cwd()}/src/application/appdelegates/actions/CommandActionType`,
    CommandForResponseActionType: `${process.cwd()}/src/application/appdelegates/actions/CommandForResponseActionType`,
    PluginRegistryService: `${process.cwd()}/src/default/PluginRegistryService`,
  },
  mode: 'development',
  externals: [
    'dcl',
    'react',
    'react-dom',
    'prop-types',
    'pubsub',
    'semver',
    '@appfabric/ui-profiler',
  ].map(
    // Add this regex to each entry to ensure we don't miss any imports like 'web-shell-core/...`
    (value) => new RegExp(`^(${value})((\\\\|/|!).+)?$`),
  ),
  output: {
    path: `${process.cwd()}/build/dist`,
    filename: '[name].js',
    library: 'web-shell-core',
    libraryTarget: 'umd',
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        use: {
          loader: 'babel-loader',
          options: babelRC,
        },
      },
    ],
  },
};

Это webpack.config.js

const developmentConfig = require('./webpack.dev.config.js');

module.exports = merge(developmentConfig, {
  mode: 'production',
  output: {
    filename: '[name].min.js',
    chunkFilename: '[name].min.js',
  },
});

Сначала я добавляю новый файл Secure.jsx (имеющий теги) в библиотеку. Я делаю npm install --save <path-to-library> по моему заявлению. После того, как я yarn install. Затем я вижу новый файл Secure.jsx в узлах модулей в приложении. Когда я пытаюсь запустить приложение, я получаю сообщение об ошибке.

Пожалуйста, дайте мне знать, что мне не хватает, а также какую сторону (библиотеку / приложение) мне нужно добавить код.

Answer 1

Вы можете просмотреть мой полный конфиг здесь

Я думаю, вам также нужно добавить это

resolve: {
        modules: [
            path.resolve('./node_modules')
        ]
    },

Затем импортируйте как это

import "jquery/dist/jquery.min.js";
import "bootstrap/dist/js/bootstrap.min.js";