Ошибка: webpack-dev-сервер с ReactJS и Django

Question

Я пытаюсь создать среду с полным стеком с помощью Django + ReactJS.Здесь я использую упаковщик Webpack и получаю эту ошибку, когда пытаюсь запустить свой webpack-сервер с virtualenv.Я очень новичок в разработке приложений, и это моя первая попытка. Так кто-нибудь может мне помочь?

PS C:\Users\NikhileshSubramanian\Desktop\eduWebApp\env\frontend> npm run dev

frontend@0.1.0 dev C: \ Users \ NikhileshSubramanian \ Desktop \eduWebApp \ env \ frontend модуль webpack-dev-server.js: 549 throw err;^

Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\Users\NikhileshSubramanian\node_modules\html-webpack-plugin\lib\compiler.js:9:28)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! frontend@0.1.0 dev: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the frontend@0.1.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional 
logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\NikhileshSubramanian\AppData\Roaming\npm- 
cache\_logs\2018-09-29T07_48_56_942Z-debug.log

Скрипты внутри моего пакета. Json

"scripts": {
       "start": "react-scripts start",
       "build": "react-scripts build",
       "test": "react-scripts test --env=jsdom",
       "eject": "react-scripts eject",
       "buildwebpack": "webpack",
       "dev": "webpack-dev-server"
   },
   "devDependencies": {
          "webpack": "^4.20.2",
          "webpack-cli": "^3.1.1",
          "webpack-dev-server": "^3.1.9"
    }

Рабочий каталог проекта https://i.stack.imgur.com/z1v0p.png

Answer 1

Webpack встроен в модули React, когда мы создаем проект через create-react-app.Именно так Facebook разработал, чтобы уменьшить концентрацию внимания на настройке среды и взглянуть на создание приложения.Таким образом, есть простой способ создать наш проект, избегая инициации Webpack.

См .: https://www.techiediaries.com/react-tutorial/

Answer 2

Я видел, что вы используете систему Windows. Так что, возможно, вам нужно настроить переменные окружения для этого модуля "webpack / lib / node / NodeTemplatePlugin".Тогда он может найти модуль.