6
votos
Aceptado
Imposible incluir momentjs en Laravel5 con 'laravel-mix'
Para explircarte voy a suponer que estamos en un proyecto nuevo con laravel, así:
Instalamos la versión recomendada de laravel 5.4 que viene con webpack y laravel-mix listos para su uso.
composer ...
3
votos
Aceptado
Como limpiar la cahe en Asp.Net Mvc5
Una manera muy común es utilizando un parámetro en la url del archivo
<script src="/scripts/archivo.js?v=1"></script>
En la parte final de la url se agrega un querystring, cuando hagas ...
3
votos
Aceptado
No puedo obtener el valor de un ID HTML en Js
Recuerda que cuando estas interactuando con etiquetas de html en js primero se deben cargar todas las etiquetas html;Creo que tu problema es porque quieres acceder a ellas cuando aun no se han cargado ...
3
votos
npm run watch no funciona mix watch
hay 2 casos para una solución
caso 1 en el package.json hay una version de laravel-mix antigua, para lo que se desea aplicando estaba en la devdependencies
ncu (para revisar) ncu -u (para actualizar)
...
3
votos
Aceptado
Problema al instalar paquetes dependientes de otros en npm, error Conflicting peer dependency: [email protected]
Hay paquetes que necesitan una diferente versión de la misma dependencia, esto genera un conflicto, ya que podrían generar problemas.
Recalco el "podrían", ya que la razón por la que no se ...
2
votos
Error al hacer el build desde webpack
@jackNavRow me dio la respuesta de como hacer para bajar la dependencia que faltaba.
Con esto ya estoy pudiendo ejecutar el comando de webpack que daba error
npm i webpack-cli -g
gracias!
2
votos
¿Cómo enviar los estilos Sass compilados con vue-cli (webpack-simple) a un archivo externo?
Puedes segmentar tu estilo css en varios archivos directamente.
Por ejemplo, en el archivo app.vue ( o como se llame su .vue inicial ) puede añadir lo siguiente:
<style lang="scss">
@import ...
2
votos
Aceptado
Como ejecutar una función de mi Componente1 en mi Componente2 en vue?
Primero crea un componente padre que tenga como hijos estos 2 componentes:
<template>
// aquí pones tus 2 componentes
<listar-servicios-component ref="list"></listar-servicios-...
2
votos
Aceptado
error al instalar React
El problema se debe a que existe una carpeta node_modules como ancestro de este proyecto (y cualquier otro que vayas a crear).
Esto posiblemente haya ocurrido porque alguna vez corriste npm install (...
2
votos
Aceptado
Configuración de Webpack para que no genere tantos scripts?
Muchas gracias, respondo a mi pregunta para dejar soporte que le pueda ayudar a alguien mas,
la sintaxis correcta para agregar varias entradas bajo un mismo script es usando import: ['pagina1','...
2
votos
Aceptado
error en el comando "npm run build"
Ya encontré la solución, por si a alguien le sirve, después de la version @1.0.0 la configuración del archvo webpack.config era de esta manera:
module: {
rules: [
{
test: /\....
2
votos
porque me arroja localhost:8080 mi configuracion en webpack?
Tenes que decirle al cli de webpack que configuración quieres utilizar con el comando --config [ruta de la configuracion], por ejemplo:
"scripts": {
"test": "echo \"Error:...
2
votos
Aceptado
No reconoce el @ de la carpeta src en Vue
Estuve investigando y esto ocurre porque cuando llama a un recurso dentro de javascript tiene que usar una ruta relativa ya que la carpeta assets no existe despues de que vue se compila asi como ...
1
voto
Aceptado
React routing problema con babel en navbar
Instala el plugin en dev en el archivo package.json
* npm install @babel/plugin-proposal-class-properties --save-dev
y edita tu archivo .babelrc o créalo en la raíz junto con tu package.json, copia ...
1
voto
¿Como se usa webpack js en un proyecto sin modulos js?
1 - mueves todos los archivos de tu proyecto a la carpeta src
2 - creas un archivo webpack.config.js en la raíz del proyecto
3 - Configuras el archivo webpack.config.js
const path = require('path');
...
1
voto
Aceptado
Error al ejecutar la configuración del webpack
quería aclarar que ya encontré una solución al error, pues en la versión 1.0.0 del html-loader, ahora es un poquito diferente, miren:
const HtmlWebPackPlugin = require('html-webpack-plugin');
...
1
voto
Compilar módulos SCSS en componente VUE.JS
Prueba a extraerlo en un archivo separado, al tener un .scss igual tu loader salta:
<style lang="scss" src="./style.scss"></style>
1
voto
Compilar módulos SCSS en componente VUE.JS
En tu archivo webpack.mix.js
const mix = require('laravel-mix');
//esto esta por defecto
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
//esto lo haces ...
1
voto
Compilar módulos SCSS en componente VUE.JS
De acuerdo a esta documentación explican como puedes usar SASS en Vue.
Solo debes instalar estas dependencias
npm install -D sass-loader node-sass vue-style-loader
Y tu archivo webpack.mix.js ...
1
voto
Can't bind to 'ngForOf' en Angular 8
Deberias utilizar el pipe | async e inicializar el objeto "productos" en tu archivo typescript
ejemplo
Componente .TS
productos: Observable<any[]>;
ngOnInit(){
this.productos= this....
1
voto
Aceptado
¿Por que Webpack me da este error al compilar sass?
Crea reglas separadas para cada fichero que tiene que ser procesado por loaders independientes (esto en caso de que estés trabajando con ficheros css, sass y less en tu proyecto a la vez, si solo usas ...
1
voto
invalid configuration: webpack configuracion, is not an absolute path!
Como te dice el propio webpack tienes un problema con la configuracion de los entries y outputs.
Te sugiero que, como importas path al principio de tu fichero hagas lo siguiente:
En primer lugar, ...
1
voto
Aceptado
La función no existe después de actualizar versión de dependencia en package.json
Parece que como polished viene con el otro módulo, se ignora la versión especificada en el package.json (aún necesito encontrar documentación sobre por qué ocurre esto).
La solución por la que ...
1
voto
Importacion de archivos externos js
Para importar archivos JS debes añadir un atributo a la etiqueta script:
<script type="module">
/* JavaScript module code here */
import * as modulo from '/modules/my-module.js'...
1
voto
Importacion de archivos externos js
Para JQuery y Bootstrap se hace así:
import * as jquery from '../static/js/jquery.min.js'
import * as bootstrap from '../static/js/bootstrap.min.js'
En tus archivos JS deberías tener declarado export ...
1
voto
Aceptado
Pasar proyecto angular a produccion
He tenido que poner la ruta de la web, con el HTTPS, funciona perfecto, no se si es lo correcto, pero es la única solución que me ha funcionado correctamente.
1
voto
Pasar proyecto angular a produccion
Yo también tuve el mismo problema, la solución para mi fue dejar vacía base.
Es decir:
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>...
1
voto
Aceptado
Como crear el archivo de produccion en react con webpack
Básicamente tienes que configurar Webpack en mi caso lo deje a si.
package.json
"scripts": {
"build": "webpack --config webpack.config.prod.js -p",
}
webpack.config.prod.js
const path = require('...
1
voto
error en module loaders de webpack
Parece que tu configuración debería ser algo como:
module.exports = {
mode: 'development',
entry: './test.js',
output: {
filename: 'bundle.js',
path: __dirname
},
module: {...
1
voto
Aceptado
Laravel mix 5.4 versioning
Tengo entendido que en ciertos casos el mix que está en webpack.min.js no es exactamente una instancia de Mix, por lo cual hay que hacer la comparación con la configuración:
if (mix.config....
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
webpack × 166javascript × 62
reactjs × 46
vue.js × 34
nodejs × 31
npm × 21
laravel × 15
css × 11
angular × 9
sass × 7
html × 6
babel × 6
laravel-mix × 6
typescript × 5
symfony × 5
babeljs × 5
gulp × 4
bootstrap × 3
laravel-5 × 3
vuex × 3
react-router-dom × 3
build × 3
jquery × 2
web × 2
express × 2