npm run ошибка скрипта dev

Question

Я пытаюсь следовать руководству и продолжаю сталкиваться с ошибкой, связанной со сценарием.

Я перезапустил урок, чтобы убедиться, что ничего не пропустил, однако я столкнулся с тем же препятствием.Я на Mac в Pycharm.

До сих пор в учебнике (он отключен от udemy) мы установили webpack-cli, webpack и создали файл test.js, чтобы проверить, импортируются ли и экспортируются модули.Работа.

test.js

console.log('imported module');

export default

Index.js

// Global app controller

import num from './test';

console.log(`I imported ${num} from another module`);

package.json

{
  "name": "forkify",
  "version": "1.0.0",
  "description": "forkify project",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "webpack": "^4.11.1",
    "webpack-cli": "^3.0.2"
  },
  "scripts": {
    "dev": "webpack"
  },
  "author": "Christopher Maltez",
  "license": "ISC"
}

webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/js/index.js',
    output: {
      path: path.resolve(__dirname,'dist/js'),
      filename: 'bundle.js'
    },
    mode: 'development'
};

и вот журнал ошибок.

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'dev' ]
2 info using npm@6.1.0
3 info using node@v8.11.2
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle forkify@1.0.0~predev: forkify@1.0.0
6 info lifecycle forkify@1.0.0~dev: forkify@1.0.0
7 verbose lifecycle forkify@1.0.0~dev: unsafe-perm in lifecycle true
8 verbose lifecycle forkify@1.0.0~dev: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/chrismaltez/Desktop/pycharmprojects/UDEMY/JS-Udemy/Section 9: forkify/9-forkify-starter/node_modules/.bin:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Users/chrismaltez/anaconda3/bin:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Library/Frameworks/Python.framework/Versions/3.5/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Users/chrismaltez/anaconda3/bin:/Library/Frameworks/Python.framework/Versions/3.5/bin:/usr/local/mysql/bin/:/usr/local/mysql/bin/
9 verbose lifecycle forkify@1.0.0~dev: CWD: /Users/chrismaltez/Desktop/pycharmprojects/UDEMY/JS-Udemy/Section 9: forkify/9-forkify-starter
10 silly lifecycle forkify@1.0.0~dev: Args: [ '-c', 'webpack' ]
11 info lifecycle forkify@1.0.0~dev: Failed to exec dev script
12 verbose stack Error: forkify@1.0.0 dev: `webpack`
12 verbose stack spawn ENOENT
12 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:48:18)
12 verbose stack     at emitTwo (events.js:126:13)
12 verbose stack     at ChildProcess.emit (events.js:214:7)
12 verbose stack     at maybeClose (internal/child_process.js:925:16)
12 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
13 verbose pkgid forkify@1.0.0
14 verbose cwd /Users/chrismaltez/Desktop/pycharmprojects/UDEMY/JS-Udemy/Section 9: forkify/9-forkify-starter
15 verbose Darwin 17.5.0
16 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
17 verbose node v8.11.2
18 verbose npm  v6.1.0
19 error file sh
20 error code ELIFECYCLE
21 error errno ENOENT
22 error syscall spawn
23 error forkify@1.0.0 dev: `webpack`
23 error spawn ENOENT
24 error Failed at the forkify@1.0.0 dev script.
24 error This is probably not a problem with npm. There is likely additional logging output above.
25 verbose exit [ 1, true ]

Вот фрагмент моей файловой структуры, в которой, как мне кажется, проблема.

Answer 1

друг и я понял это.Как ни странно, мне пришлось использовать команду: npm link webpack, чтобы связать ее с глобальными зависимостями.Как только это сработало, я отключился, а затем запустил npm install webpack --save-dev, и после этого он начал работать.я не знаю, почему он не нашел его по локальным зависимостям, когда я его изначально установил.

Спасибо всем за помощь.

обновление

то же самое только что произошло с: npm install webpack-dev-server --save-dev

я думаю, что это может иметь какое-то отношение кя потенциально не являюсь администратором.каждый раз, когда мне нужно установить, я должен вводить sudo, я думал, что должен был сделать это, только если я не был администраторомНе стесняйтесь просветить меня об этом.

Answer 2

РЕДАКТИРОВАТЬ : По некоторым причинам мой ответ был отклонен, но на самом деле он работает.Попробуйте.

Мне кажется, проблема в том, что вы пытаетесь использовать webpack, но он не установлен глобально.Вы сможете исправить это, используя npx (инструмент, который поставляется вместе с npm) для выполнения локально установленного пакета.

В вашем package.json попробуйте изменить:

"scripts": {
    "dev": "webpack"
 }

На это:

"scripts": {
    "dev": "npx webpack"
}

Дайте мне знать, если это решит вашу проблему!