Имя выходного файла не настроено Ошибка в Webpack

Ответ 1

Я получал ту же ошибку, и это оказалось моим конфигурационным файлом в файле webpack.

Я использовал его как "webpack.config" вместо "webpack.config.js"

Ошибка "Выходное имя файла не настроена", как правило, возникает, когда где-то есть опечатка, и я нашел имя файла в качестве скрытого места, которое вы забываете проверить.

Ответ 2

Общими ошибками этой ошибки являются опечатки и большинство случаев написания module.export вместо module.exports. Также проверьте, что имя файла должно быть с расширением .js. например webpack.config.js

Ответ 3

Также дважды проверьте, что файл webpack.config.js находится в нужном месте (в общем случае, корневая директория проекта) и пути, указанные в файле конфигурации, являются правильными.

Ответ 4

У вас ДОЛЖЕН иметь файл с именем webpack.config.js в корне проекта.

Ответ 5

У вас есть опечатка где-то в вашем файле webpack.config.js. Просмотрите файл конфигурации. Имел подобную проблему, и это было в результате опечатки.

Ответ 6

Попробуйте экспортировать конфигурацию с помощью module.exports = config, где config - это ваша конфигурация в объекте JavaScript. В вашем случае просто

module.exports = {
  output: {
    filename: 'bundle.js',
    library: 'require',
    libraryTarget: 'this'
  }
}

Если это не решит ваши проблемы, обратитесь к вопросу о https://github.com/webpack/webpack/issues/2403

Ответ 7

Эта ошибка также возникает, если вы используете команду 'webpack -w' в каталоге, у которого нет файла конфигурации webpack.

Итак, если вы открываете новое окно терминала или вкладку и не меняли каталог в корневой каталог вашего проекта, прежде чем запускать команду webpack, вы получите сообщение об ошибке.

Ответ 8

Если вы используете __dirname, убедитесь, что он ссылается на правильный путь. Путь по умолчанию - /, который является локальным корнем.

Ответ 9

У меня была аналогичная ошибка и мне удалось ее решить. Ядро проблемы на самом деле не было в коде webpack.config.js, а в моем файле ввода js (в моем случае main.js). Убедитесь, что у вас есть правильный код и код. Мой примерный код выглядит следующим образом:

var React = require('react');
var ReactDOM = require('react-dom');

var Main = React.createClass({
  render: function() {
    return (
      <div>
         <h1>Hello World, lets see how you React..</h1>
      </div>
    );
  },
});

ReactDOM.render(<Main />, document.getElementById('app'));

Ответ 10

Ниже перечислены все, что нужно проверить при получении этой ошибки.

• Выполняется ли ваша команда webpack в каталоге, где ваш файл webpack.config.js находится.
• Вы можете указывать на неправильный каталог в своем терминале.
• Ошибка Typo с именем файла "webpack.config.js".
• Нет модуля для экспорта в ваш файл конфигурации.
• Проверьте типовую ошибку в файле конфигурации

Ответ 11

• создать файл @корневой каталог webpack.config.js
• вставьте код ниже в этом файле

module.exports = {
  entry: "./app.js",
  output: {
    filename: "bundle.js"
  }, 
  watch: true
}

3. app.js также должен находиться в корневом каталоге. напишите ниже строку в файле app.js:

document.write('welcome to react v2 app');

REF. https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.a64eeonhn

Ответ 12

Я столкнулся с этой проблемой после следующих Webpacks docs для производственных сборников. Способ, которым я столкнулся с проблемой, является, я считаю, специфичным для webpack-merge.

Это то, что имеют их документы в файле webpack.dev.js:

const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common, {
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  }
});

Но это то, что мне нужно было:

const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common(), {
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  }
});

Обратите внимание, что единственное изменение выполняется common() вместо common.

Ответ 13

Предполагая, что вы будете использовать окна. я столкнулся с той же ошибкой и понял, что мне нужно сделать что-то подобное в wiindows d:\unpack-webpack > d:\unpack-webpack\ node_modules.bin\webpack

вместо этого я делал D:\распаковка-WebPack\ node_modules.bin\WebPack

Надеюсь, это поможет:) благодаря Гаурав Хурана

Ответ 14

Убедитесь, что webpack.config находится в нужном месте в дереве. На самом деле моя была в нужном месте, но мне пришлось удалить весь файл, а затем заменить, потому что когда я впервые запустил веб-пакет в терминале, я пропустил знак подчеркивания для __dirname. Вместо двух у меня был один. Поэтому я запустил его с исправлением, которое пару раз пыталось сделать то или это и наткнулось на этот пост. Итак, я начал с того, что, по какой-то причине, это было не по webpack.