Ошибка: не удается найти модуль 'webpack'

Я только начинаю с webpack, и мне трудно получить образец нескольких точек ввода для сборки. Файл webpack.config.js в этом примере включает строку

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

который не подходит для меня с ошибкой

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

Поиск вокруг, я нашел другие примеры использования CommonsChunkPlugin с выражением

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

который выходит из строя с ошибкой

ReferenceError: webpack is not defined

В некоторых поисках найдено несколько примеров, включая

var webpack = require('webpack');

и моя сборка теперь не выполняется с помощью

Error: Cannot find module 'webpack'

Я не понимаю, как это сделать.

Ответ 1

Связать глобально установленный пакет с вашим проектом

npm link webpack

Ответ 2

Во время работы над окнами я установил webpack локально, и он исправил мою проблему

Итак, в командной строке перейдите в каталог, в который вы хотите запустить webpack, установите webpack локально (без -g) и наслаждайтесь...

Ответ 3

Кажется, это обычная проблема с Windows. Это исправило это для меня:

Nodejs не может найти установленный модуль в Windows?

"Добавьте переменную окружения с именем NODE_PATH и установите ее в %USERPROFILE%\Application Data\npm\node_modules (Windows XP), %AppData%\npm\node_modules (Windows 7) или везде, где npm завершает установку модулей на ваш вкус Windows. раз и навсегда, добавьте это как Системную переменную на вкладке" Дополнительно "диалогового окна" Свойства системы "(запустите control.exe sysdm.cpl, System, 3)."

Обратите внимание, что вы не можете использовать другую переменную среды в пределах значения NODE_PATH. То есть не просто скопировать и вставить эту строку выше, но установить ее на фактический разрешенный путь, например C:\Users\MYNAME\AppData\Roaming\npm\node_modules

Ответ 4

npm install --save-dev webpack недостаточно.

Вам также необходимо установить следующее:

npm install --save-dev webpack-dev-server

Ответ 5

У меня была проблема с OS X, и это, по-видимому, было вызвано несоответствием версии между моими глобально установленными webpack и локально установленными webpack-dev-server. Обновление самой последней версии избаловало эту проблему.

Ответ 6

Если вы установили пакет node и все еще получаете сообщение о том, что пакет undefined, может возникнуть проблема с привязкой PATH к двоичному файлу. Просто для того, чтобы уточнить двоичный и исполняемый файлы, по существу делайте то же самое, что и для выполнения пакета или приложения. ei webpack... выполняет веб-пакет пакета node.

В Windows и Linux имеется глобальная двоичная папка. В Windows я считаю, что это похоже на C://Windows/System32, а в Linux - usr/bin. Когда вы открываете командную строку терминала/команды, ее профиль связывает переменную PATH с глобальной папкой bin, чтобы вы могли выполнять из нее пакеты/приложения.

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

Мое решение этой проблемы - покончить с запуском webpack глобально и связать PATH с бинарной папкой node_module, которая является / node_modules/. bin.

WINDOWS: добавьте node_modules/. bin к вашему PATH. Здесь - это учебник по изменению переменной PATH в окнах.

LINUX: Перейдите к корню проекта и выполните это...

export PATH:$PWD/node_modules/.bin:$PATH

В Linux вам придется выполнять эту команду каждый раз, когда вы открываете терминал. Эта ссылка показывает вам, как изменить постоянную переменную PATH.

Ответ 7

В окнах я заметил, что эта проблема возникает, если у вас нет прав администратора (т.е. вы не являетесь локальным администратором) на машине.

Как и кто-то другой, решение, похоже, должно быть установлено локально, не используя подсказку -g.

Ответ 8

Ничто не предлагалось выше для меня (включая переменную NODE_PATH). Я создал символическую ссылку "node_modules" из моей локальной папки в глобальную AppData (например, ниже), и она работала как прелесть.

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0

Ответ 9

Выполнять команды ниже в терминале VS Code:

npm install --save-dev webpack

npm install --save-dev webpack-dev-server

Ответ 10

Просто выяснилось, что использование терминала Atom IDE локально не устанавливает зависимости (вероятно, ошибка или только я). Установка git bash извне и запуск команд npm снова работали для меня

Ответ 11

для меня это неправильная обратная связь.

произошла ошибка конфигурации в webpack.config.js,

удалить файл и начать с него

Ответ 12

У меня было много проблем, получающих очень простое приложение.NET Core 2.0 для сборки в VS 2017. Это ошибка AppVeyor, однако она была практически одинаковой локально (некоторые пути пропущены для обеспечения безопасности):

Выполнение первой сборки Webpack...

module.js: 327 throw err;

EXEC: ошибка: не удается найти модуль "......../node_modules/webpack/bin/webpack.js"

в Function.Module._resolveFilename (module.js: 325: 15)

в Function.Module._load (module.js: 276: 25)

в Function.Module.runMain(module.js: 441:10)

при запуске (node.js: 140: 18)

на узле.js: 1043: 3

csproj (25,5): ошибка MSB3073: команда "node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js" вышла с кодом 1.

Build FAILED.

Я наткнулся на этот вопрос и ответ, и я заметил, что у моего локального экземпляра также был тот же предупреждающий знак над папкой {Project Root} → Dependencies → npm. Правый щелчок и нажатие "Восстановить пакеты" загрузили все правильно, и я смог успешно построить.

Ответ 13

Откройте командную строку npm и папку решения - cd, а затем просто запустите веб-пакет npm link в NPM cmd prommt и выполните сборку.