No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Svelte

Curso de Svelte

Oscar Barajas Tavares

Oscar Barajas Tavares

Servidor de desarrollo local

15/26
Recursos

Aportes 26

Preguntas 9

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Si te salio el error al hacer start
Si tienes una webpack-cli V4 o superior
webpack-dev-server ahora es webpack serve

  "scripts": {
    "build": "webpack --mode production",
    "start": "webpack serve"
  },

Para los que le genera un error de .babelrc. Dentro de este archivo debe poner lo siguiente:

{
    "presets": [
        "@babel/preset-env"
    ]
}

Hay que instalar svelte-loader:

npm install svelte-loader --save-dev
npm install webpack-dev-server --save-dev

Para los que aun no han tomado los cursos de Webpack:
Curso de WebPack
Curso practico de WebPack

Compa帽eros me pueden ayudar con el siguiente error:

Les comparto mi c贸digo de webpack.config.js donde creo entender que estar铆a el error:

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
  entry: "./src/index.js",
  outpud: {
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js",
  },
  resolve: {
    extensions: ["*", ".mjs", ".js", ".svelte"],
  },
  module: {
    rules: [
      {
        test: /\.js? $/,
        exclude: /node.modules/,
        use: {
          loader: "babel-loader",
        },
      },
      {
        test: /\.svelte$/,
        exclude: /node.modules/,
        use: {
          loader: "svelte-loader",
        },
      },
    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      inject: true,
      template: "./public/index.html",
      filename: "./index.html",
    }),
  ],
};

Desde la clase pasada agregue el archivo .babelrc y esto tengo instalado:

"devDependencies": {
    "@babel/core": "^7.10.5",
    "@babel/polyfill": "^7.10.4",
    "@babel/preset-env": "^7.10.4",
    "babel-loader": "^8.1.0",
    "html-webpack-plugin": "^4.3.0",
    "svelte-loader": "^2.13.6",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  }

Ayuda!!!

Cambiar en package.json por las siguientes versiones de webpack para evitar el siguiente Error: no se puede encontrar el m贸dulo 鈥榳ebpack-cli / bin / config-yargs鈥

"webpack": "^4.32.2",
"webpack-cli": "^3.3.2",
"webpack-dev-server": "^3.5.1"

A veces estoy tan acostumbrado a user npm install y que todo se configure en autom谩tico, pero es genial aprender como funciona todo por detr谩s

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

Recuerden a帽adir la carpeta de distribuci贸n 鈥渄ist鈥 a la lista de elementos ignorados por git en .gitignore

# compiled output
/dist

Si les sale alg煤n error del tipo:

[webpack-cli] ReferenceError: globalThis is not defined

Significa que tienen una versi贸n vieja de nodejs, ya que eso se implement贸 en la versi贸n 12 de nodejs.
Se arregla actualizando nodejs a la 煤ltima versi贸n

Me sucedi贸 algo extra帽o jaja, al abrir el proyecto con npm run start me apareci贸 con el icono de Vue! xdd

Si alguien tiene problemas con la version que instalan de webpack usen:

    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.11.0"

Alguien sabe por que me sale este error?, me sale en todos lados no solo en este curso ya estoy odiando a webpack xd

Si quieren escribir una estructura b谩sica de html escriban el simbolo de admiraci贸n 鈥!鈥 y den click en lo primero que sale.

驴Me pueden ayudar con este error?

Genial! Estoy muy ansioso 馃槂

Tengo este ERROR! Ya repeti los pasos 3 veces desde el inicio y nada! Alguien me podr铆a ayudar?

boby :v

馃憣

Al ejecutar el comando: npm run build me sali贸 un error y lo resolv铆 creando el archivo .babelrc en la ra铆z del proyecto, el cual debe contener lo siguiente:
{
鈥減resets鈥: [
"@babel/preset-env"
]
}

Al ejecutar el comando: npm run build. En este caso he modificado, en el archivo package.json la clave scripts dej谩ndola de la siguiente manera:
鈥渟cripts鈥: {
鈥渂uild鈥: 鈥渨ebpack --mode production鈥,
鈥渟tart鈥: 鈥渨ebpack serve鈥
},

Estas soluciones las aportaron otras persona por este medio, sin embargo he puesto las que funcionaron para m铆, en este aporte por si es el caso de alguien m谩s.

Si actualmente tienes problemas con webpack-cli te recomiendo borrar la versi贸n actual con npm uninstall webpack-cli y luego instalar una estable (ejemplo, 3.3.11) con npm install [email protected].
隆Suerte!

Un gusto leer los comentarios, a cada uno nos falt贸 algo o le pifiamos en sintaxis jajaja.
En mi caso, en el webpack.config puse plugin en vez de plugins 馃槃

Por si alguien tiene problemas para compilar, pruebe el comando

    "start": "webpack serve --open chrome"

y si tienen un problema con htmlWebpackPlugin, aqu铆 hay info al respecto https://github.com/jantimon/html-webpack-plugin/issues/1451

npm install webpack-dev-server --save-dev
<npm install webpack-dev-server --save-dev>