• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Webpack - Cannot find module "bundle.js"

Object Storage Arubacloud
+1 głos
201 wizyt
pytanie zadane 6 maja 2017 w JavaScript przez DarQ Obywatel (1,030 p.)
zamknięte 6 maja 2017 przez DarQ

Witajcie! 

Mam problem. Piszę sobie coś w js, korzystam z webpacka. Gdy uruchomię go jako webpack-dev-server wszystko działa tak jak powinno. W ten sposób też pisałem całą "apkę" coby było wygodniej. Dzisiaj chciałem wygenerować plik bundle.js nie do pamięci, tylko "normalnie" (xD), tak aby móc to uruchomić bez odpalania serwera lokalnie.

Może nieco prościej...

w pliku package.json miałem linijkę "start": "webpack-dev-server ./src/scrable.js"

Po wpisaniu w CMD polecenia "npm start" uruchamiał się serwer lokalny i cała apka działała tak jak powinna - tutaj dowody:

Aby wygenerować plik bundle.js "na stałe" zmieniłem tą linię w pliku package.json na "start": "webpack ./src/scrable.js ./bundle.js"

Co ciekawe, uruchomienie polecenia "npm start" nie przynosi błędów, mimo, że problem jest... Po uruchomieniu pliku index.html aplikacja zachowuje się inaczej niż powinna. Plik bundle.js rzeczywiście się wygenerował, znajduje się tam gdzie powinien, a mimo tego, po wejściu w "zbadaj element" w przeglądarce mam następujący problem:

Sprawa jest bardzo dziwna, bo apka w teorii działa, ale tylko częściowo, co widać zresztą na powyższym screen'ie. Niby elementy reagują na naciśnięcie, ale nie zachowują się tak jak powinny.

Tutaj zawartość pliku package.json:

{
  "name": "jstest_",
  "version": "1.0.0",
  "description": "",
  "main": "scrable.js",
  "scripts": {
    "start": "webpack ./src/scrable.js ./bundle.js"
      
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.28.0",
    "style-loader": "^0.16.1",
    "webpack": "^2.3.2",
    "webpack-dev-server": "^2.4.2"
  }
}

a tutaj zawartość pliku webpack.config.js:

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');

module.exports = {
  context: __dirname,
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./src/scrable.js",
  output: {
    path: __dirname,
    filename: "bundle.js",
  },
  plugins: debug ? [] : [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
  module: {
    loaders: [
      { test: /\.css$/, loader: 'style-loader!css-loader' }
    ]
  }
};

A tutaj screen po uruchomieniu webpacka, gdy ma zadziałać "lokalnie":

komentarz zamknięcia: Rozwiązałem swój problem

Podobne pytania

0 głosów
3 odpowiedzi 443 wizyt
pytanie zadane 12 kwietnia 2018 w JavaScript przez MrHerman Nowicjusz (210 p.)
0 głosów
1 odpowiedź 432 wizyt
pytanie zadane 6 maja 2017 w JavaScript przez Filip31411 Dyskutant (8,820 p.)
0 głosów
1 odpowiedź 334 wizyt
pytanie zadane 10 maja 2018 w JavaScript przez amiluke Obywatel (1,120 p.)

92,572 zapytań

141,423 odpowiedzi

319,645 komentarzy

61,959 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...