[Ulysses_31]

@Ulysses_31:
#javascript #webdev #programowanie

Witam Mirki i Mirabelki
Prosiłbym o pomoc bo już nie daję z tym rady próbuję odpalić webpacka do projektu i dostaję poniższy błąd nie wiem jak sobie z tym poradzić. (－‸ლ) Webpack zainstalowany jest globalnie doinstalowuje nodemodules do projektu zgodnie webpack.config.js package.json i po odpaleniu webpacka dostaję co poniżej. Może ktoś z was miała takie problemy.

Dodam, że jestem początkujący i nie wiem jak sobie z tym poradzić.

/home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/webpack.js:237
throw err;
^

Error: Cannot find module 'extract-text-webpack-plugin'
at Function.Module.resolveFilename (module.js:555:15)
at Function.Module.load (module.js:482:25)
at Module.require (module.js:604:17)
at require (/home/norbert/Pulpit/p/nodemodules/v8-compile-cache/v8-compile-cache.js:159:20)
at Object. (/home/norbert/Pulpit/p/webpack.config.js:2:27)
at Module.compile (/home/norbert/Pulpit/p/nodemodules/v8-compile-cache/v8-compile-cache.js:178:30)
at Object.Module.extensions..js (module.js:671:10)
at Module.load (module.js:573:32)
at tryModuleLoad (module.js:513:12)
at Function.Module.load (module.js:505:3)
at Module.require (module.js:604:17)
at require (/home/norbert/Pulpit/p/nodemodules/v8-compile-cache/v8-compile-cache.js:159:20)
at WEBPACKOPTIONS (/home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/convert-argv.js:133:13)
at requireConfig (/home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/convert-argv.js:135:6)
at /home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/convert-argv.js:142:17
at Array.forEach ()
at module.exports (/home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/convert-argv.js:140:15)
at yargs.parse (/home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/webpack.js:234:39)
at Object.parse (/home/norbert/Pulpit/p/nodemodules/yargs/yargs.js:543:18)
at /home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/webpack.js:212:8
at Object. (/home/norbert/Pulpit/p/nodemodules/webpack-cli/bin/webpack.js:502:3)
at Module.compile (module.js:660:30)
at Object.Module.extensions..js (module.js:671:10)
at Module.load (module.js:573:32)
at tryModuleLoad (module.js:513:12)
at Function.Module.load (module.js:505:3)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at /usr/local/lib/nodemodules/webpack-cli/bin/webpack.js:15:3
at Object. (/usr/local/lib/nodemodules/webpack-cli/bin/webpack.js:502:3)

Plik package.json wygląda jak poniżej
{
"name": "zadania",
"version": "1.0.0",
"description": "MP",
"main": "webpack.config.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-es2015": "^6.24.1",
"css-loader": "^0.28.8",
"extract-text-webpack-plugin": "^3.0.2",
"node-sass": "^4.7.2",
"sass-loader": "^6.0.6",
"style-loader": "^0.19.1",
"webpack": "^3.10.0",
"webpack-livereload-plugin": "^1.0.0"
}
}

Plik webpack.config.js jak poniżej

const ExtractTextPlugin = require('extract-text-webpack-plugin');
const LiveReloadPlugin = require('webpack-livereload-plugin');

module.exports = {
entry : {
'js/out.js': './src/js/app.js',
'css/main.css~': './src/scss/main.scss'
},
output : {
path: _dirname+'/',
filename: '[name]'
},
watch: true,
devtool: 'eval-source-map',

module: {
loaders:[
{
test:/\.js$/,
exclude: /nodemodules/,
loader: 'babel-loader',
query:{
presets:['es2015']
}
}
],

rules: [
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'sass-loader']
})
}
]
},
plugins: [
new ExtractTextPlugin('./css/style.css'),
new LiveReloadPlugin()
]
}

[niepodszywamsiepodbiauka]

Error: Cannot find module 'extract-text-webpack-plugin'

@Ulysses_31: Ten error to protip. Sprawdź czy faktycznie tam jest.
npm install

[Ulysses_31]

w samym webpacku przenosi mnie do

let options;
try {
options = require("./convert-argv")(argv);
} catch (err) {
if (err.name !== "ValidationError") {
throw err;
}

const stack = ErrorHelpers.cleanUpWebpackOptions(err.stack, err.message);
const message = err.message + "\n" + stack;

[D.....k]

@Ulysses_31: jak to odpalasz? w package.json nie ma żadnych skryptów do uruchamiania tego, poza tym wrzucaj kod albo w grawisy albo na pastebina (żeby się wygodniej czytało)

[Ulysses_31]

webpacka dopalam z terminala z VS code będąc w danym projekcie wcześniej to działało a teraz lipa

[Ulysses_31]

@dannycarter: po wywaleniu webpacka z globalnych i zainstalowaniu lokalnie v3.0.0 dodaniu linijki do package.json dociągnięcia nodemodules do projeku i odpaleniu npm start dostaję teraz to

1

przygotowaniereact@1.0.0 start /home/norbert/Pulpit/p

webpack

sh: 1: webpack: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! 1przygotowaniereact@1.0.0 start: webpack
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the

[niepodszywamsiepodbiauka]

sh: 1: webpack: not found

@Ulysses_31: Drugi raz piszę: npm install