Поле "браузер" не содержит правильной конфигурации псевдонимов

Ответ 1

Оказалось, что проблема в том, что Webpack просто не разрешает импорт - говорить о ужасных ужасных сообщениях об ошибках: (

// Had to change
import DoISuportIt from 'components/DoISuportIt';

// To (notice the missing `./`)
import DoISuportIt from './components/DoISuportIt';

Ответ 2

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

• Убедитесь, что ваше значение "entry" правильно исправлено относительно вашего "контекстного" значения. У меня не хватало предшествующее "./" перед именем файла записи.
• Удостоверьтесь, что у вас включено ваше решение. Ваш импорт на что-либо в node_modules по умолчанию будет искать в вашей папке "context", в противном случае.

Пример:

const serverConfig = {
name: 'server',
context: path.join(__dirname, 'src'),
entry: {serverEntry: ['./server-entry.js']},
output: {
    path: path.join(__dirname, 'public'),
    filename: 'server.js',
    publicPath: 'public/',
    libraryTarget: 'commonjs2'
},
module: {
    rules: [/*...*/]
},
resolveLoader: {
    modules: [
        path.join(__dirname, 'node_modules')
    ]
},
resolve: {
    modules: [
        path.join(__dirname, 'node_modules')
    ]
}
};

Ответ 3

У меня была такая же проблема, но моя была из-за неправильной оболочки в пути:

// Wrong - uppercase C in /pathCoordinate/
./path/pathCoordinate/pathCoordinateForm.component

// Correct - lowercase c in /pathcoordinate/
./path/pathcoordinate/pathCoordinateForm.component

Ответ 4

Изменил мою запись на

entry: path.resolve(__dirname, './src/js/index.js'),

и это сработало.

Ответ 5

В моем случае, до самого конца webpack.config.js, куда я должен был exports webpack.config.js, была опечатка: export (должен быть exports), что привело к webpack.config.js при загрузке webpack.config.js.

const path = require('path');

const config = {
    mode: 'development',
    entry: "./lib/components/Index.js",
    output: {
        path: path.resolve(__dirname, 'public'),
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: path.resolve(__dirname, "node_modules")
            }
        ]
    }
}

// pay attention to "export!s!" here
module.exports = config;

Ответ 6

Для тех, кто строит ионное приложение и пытается его загрузить. Убедитесь, что вы добавили хотя бы одну платформу в приложение. В противном случае вы получите эту ошибку.

Ответ 7

В моем случае это был пакет, который был установлен как зависимость в package.json с относительным путем следующим образом:

"dependencies": {
  ...
  "phoenix_html": "file:../deps/phoenix_html"
},

и импортируется в js/app.js с помощью import "phoenix_html"

Это сработало, но после обновления node, npm и т.д.... с этим сообщением об ошибке не удалось.

Изменение строки импорта на import "../../deps/phoenix_html" исправлено.

Ответ 8

По моему опыту, эта ошибка была результатом неправильного именования псевдонимов в Webpack. В том, что у меня был псевдоним по имени redux и WebPack попытался ищет redux, который поставляется с пакетом Redux в мой псевдоним пути.

Чтобы это исправить, мне пришлось переименовать псевдоним во что-то другое, например, в Redux.

Ответ 9

Для всех с Ionic: обновление до последней версии @ionic/app-scripts дало лучшее сообщение об ошибке.

npm install @ionic/[email protected] --save-dev

Это был неправильный путь для styleUrls в компоненте к несуществующему файлу. Странно это не дало ошибок в разработке.

Ответ 10

В моей ситуации у меня не было экспорта в нижней части моего файла webpack.config.js. Просто добавив

export default Config;

решил это.

Ответ 11

В моем случае это связано с опечаткой с учетом регистра в пути импорта. Например,

Должно быть:

import Dashboard from './Dashboard/dashboard';

Вместо:

import Dashboard from './Dashboard/Dashboard';