Recién estoy comenzando con webpack y estoy teniendo dificultades para construir la muestra de múltiples puntos de entrada . El archivo webpack.config.js en el ejemplo incluye la línea
var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");
que me falla con el error
Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'
Al buscar, encontré otros ejemplos de uso de CommonsChunkPlugin con la expresión
var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");
que falla con el error
ReferenceError: webpack is not defined
Algunas búsquedas más encontraron una serie de ejemplos que incluyen
var webpack = require('webpack');
y mi compilación ahora falla con
Error: Cannot find module 'webpack'
No sé cómo proceder.
npm install webpack
antes?Error: Cannot find module 'webpack'
Es un error de nodo. Así que esto no tiene nada que ver con el paquete web en sí (un hecho). Parece que el nodo está buscando en las carpetas incorrectas ...npm install -g webpack
tampoco funcionó para mí. Pero lo hace connpm install webpack
: asegúrese de estar en la carpeta raíz de la aplicación cuando llame ynpm install webpack
luego verifique si el módulo existe en lanode_modules
carpeta. También parece quewebpack
necesitafsevents
un módulo (opcional) en sistemas Linux: estoy usando Windows, así que no estoy seguro. Intente instalarfsevents
tambiénwebpack
en la carpeta de aplicación local, utilizandonpm install webpack
, sin-g
Respuestas:
Enlace el paquete instalado globalmente a su proyecto
fuente
Mientras trabajaba en Windows, instalé webpack localmente y solucionó mi problema
Entonces, en el símbolo del sistema, vaya al directorio en el que desea ejecutar webpack, instale webpack localmente (sin el -g) y disfrute ...
fuente
Parece ser un problema común de Windows. Esto me lo arregló:
Nodejs no puede encontrar el módulo instalado en Windows?
"Agregue una variable de entorno llamada
NODE_PATH
y configúrela en%USERPROFILE%\Application Data\npm\node_modules
(Windows XP),%AppData%\npm\node_modules
configúrela (Windows 7), o donde npm termine instalando los módulos en su versión de Windows. Para hacerlo de una vez por todas, agregue esto como una variable del Sistema en la pestaña Avanzado del cuadro de diálogo Propiedades del sistema (ejecute control.exe sysdm.cpl, Sistema, 3) ".Tenga en cuenta que en realidad no puede usar otra variable de entorno dentro del valor de
NODE_PATH
. Es decir, no solo copie y pegue la cadena anterior, sino que la configure en una ruta resuelta real comoC:\Users\MYNAME\AppData\Roaming\npm\node_modules
fuente
node_modules
carpeta en elC:\Users\MYNAME\AppData\Roaming\npm`. I tried to set
valor NODE_PATH`C:\Program Files (x86)\nodejs\node_modules
pero no ayudósetx NODE_PATH %AppData%\npm\node_modules
. Es posible que deba reiniciarcmd
antes de que laNODE_PATH
variable esté disponible o también ejecutarseset NODE_PATH=%AppData%\npm\node_modules
.Resolví el mismo problema reinstalando, ejecute estos comandos
rm
siempre es un comando peligroso, especialmente con-f
, ¡tenga en cuenta que antes de ejecutarlo!fuente
Ejecute los siguientes comandos en la Terminal:
npm install --save-dev webpack
npm install --save-dev webpack-dev-server
fuente
Estaba teniendo este problema en OS X y parecía ser causado por un desajuste de versión entre mi instalación global
webpack
y mi instalación localwebpack-dev-server
. La actualización de ambos a la última versión eliminó el problema.fuente
Si ha instalado un paquete de nodos y todavía recibe un mensaje de que el paquete no está definido, es posible que tenga un problema con la RUTA que se vincula al binario. Solo para aclarar que un binario y un ejecutable esencialmente hacen lo mismo, que es ejecutar un paquete o aplicación. ei webpack ... ejecuta el paquete de nodos webpack.
Tanto en Windows como en Linux hay una carpeta binaria global. En Windows creo que es algo así como C: // Windows / System32 y en Linux es usr / bin. Cuando abre el terminal / símbolo del sistema, su perfil vincula la variable PATH a la carpeta bin global para que pueda ejecutar paquetes / aplicaciones desde él.
Mi mejor conjetura es que la instalación de webpack a nivel mundial puede no haber colocado correctamente el archivo ejecutable en la carpeta binaria global. Sin el ejecutable allí, recibirá un mensaje de error. Podría ser otro problema, pero es seguro decir que si estás leyendo esto, ejecutar webpack a nivel mundial no te funciona.
Mi resolución a este problema es eliminar el funcionamiento del paquete web globalmente y vincular la RUTA a la carpeta binaria node_module, que es /node_modules/.bin.
VENTANAS: agregue node_modules / .bin a su RUTA. Aquí hay un tutorial sobre cómo cambiar la variable PATH en Windows.
LINUX: Ve a la raíz de tu proyecto y ejecuta esto ...
En Linux, deberá ejecutar este comando cada vez que abra su terminal. Este enlace aquí le muestra cómo hacer un cambio permanente a su variable PATH.
fuente
En Windows, he observado que este problema aparece si no tiene derechos administrativos (es decir, no es un administrador local) en la máquina.
Como alguien más sugirió, la solución parece ser la instalación local al no usar la
-g
sugerencia.fuente
Abra el símbolo del sistema npm y la carpeta de solución de CD y luego ejecute npm link webpack en NPM cmd prompt y vuelva a compilar.
fuente
Puedes probar esto.
Esto funciona para mi.
fuente
Nada de lo sugerido anteriormente funcionó para mí (incluida la variable NODE_PATH). Creé un enlace sym de "node_modules" desde mi carpeta local a los AppData globales (por ejemplo, a continuación) y funcionó a la perfección.
fuente
Me acabo de enterar que el uso del terminal Atom IDE no instaló dependencias localmente (probablemente un error o solo yo). Instalar git bash externamente y ejecutar comandos npm nuevamente funcionó para mí
fuente
Para mí, es un comentario de error incorrecto.
hubo un error de configuración en
webpack.config.js
,eliminar el archivo y comenzar de nuevo resolvió mi problema
fuente
Tuve un montón de problemas al obtener una aplicación .NET Core 2.0 muy simple para compilar en VS 2017. Este es el error de AppVeyor, sin embargo, era esencialmente lo mismo a nivel local (algunas rutas omitidas por seguridad):
Me topé con esta pregunta y respuesta , y noté que mi instancia local también tenía la misma señal de advertencia sobre la
{Project Root} -> Dependencies -> npm
carpeta. Al hacer clic derecho y presionar "Restaurar paquetes", todo se cargó correctamente, y pude construir con éxito.fuente
npm link webpack funcionó para mí.
Mi configuración de webpack: "webpack": "^ 4.41.2", "webpack-dev-server": "^ 3.9.0", "webpack-cli": "^ 3.3.10"
fuente
Instalar webpack y CLI a nivel mundial funcionó para mí.
fuente