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

webpack kompilacja vue a node_modules

Object Storage Arubacloud
0 głosów
334 wizyt
pytanie zadane 10 maja 2018 w JavaScript przez amiluke Obywatel (1,120 p.)

Mam problem z kompilacja plikow vue przy uzyciu webpacka. Wszystko dziala ok jesli folder resources z plikami vue, node_modules i webpack.config.js mam w tym samym folderze jednak potrzebuje aby node_modules i inne pliki konfiguracyjne byly w osobnym folderze. 

Dla zobrazowania kompilacja dziala gdy struktura folderu wyglada tak:

-project
--node_modules
--resources/assets/js/core
--package.json
--webpack.config.js

jednak gdy mam tak

--project
--config
---node_modules
---webpack.config.js
---package.json
--resources/assets/js/core/

wyswietla bledy przy probie kompilacji:

ERROR in ../public/js/resources/assets/js/app.js
Module not found: Error: Can't resolve 'axios' in '/project/public/js/resources/assets/js'
 @ ../public/js/resources/assets/js/app.js 2:0-26 5:15-20

ERROR in ../public/js/resources/assets/js/app.js
Module not found: Error: Can't resolve 'vue' in '/project/public/js/resources/assets/js'
 @ ../public/js/resources/assets/js/app.js 1:0-22 9:4-7

ERROR in chunk main [entry]
bundle.js
/project/public/js/resources/assets/js/app.js 769de3a386d19177a937204e6126a773
Unexpected token (11:4)
| window.Klasa = __WEBPACK_MODULE_REFERENCE__0_64656661756c74__;
|
| new !(function webpackMissingModule() { var e = new Error("Cannot find module \"vue\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())({
|
|   el: '#app',
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! project@1.0.1 webpack: `webpack --hide-modules`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the project@1.0.1 webpack script.

moj webpack config

let webpack = require('webpack');
let path = require('path');

module.exports = {

  entry: './resources/assets/js/app.js',

  output: {

    path: path.resolve(__dirname, './resources/compiled/js'),

    filename: 'bundle.js',

    publicPath: './public' //if public path different in production

  }

};

probowalem zmieniac sciezki ale nadal to samo, mialem podobny problem z gulpem jesli node_modules jest w innym folderze gulp nie moze znalezc pluginow mimo iz sa zainstalowane np.

Unknown plugin "transform-runtime" specified in "base" at 0

 

1 odpowiedź

0 głosów
odpowiedź 10 maja 2018 przez niezalogowany
Próbowałeś zamiast 'axios' podać ścieżkę do node_modules/axios/index.js?

Podobne pytania

+2 głosów
1 odpowiedź 75 wizyt
0 głosów
0 odpowiedzi 123 wizyt
pytanie zadane 23 kwietnia 2019 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)
+1 głos
0 odpowiedzi 202 wizyt
pytanie zadane 6 maja 2017 w JavaScript przez DarQ Obywatel (1,030 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!

...