[英]Error: webpack-dev-server with ReactJS and Django
我尝试使用Django + ReactJS创建一个全栈环境。 在这里,我使用Webpack捆绑程序,并且在尝试从virtualenv
运行我的webpack-server时遇到此错误。 我对应用程序开发非常陌生,这是我的第一次尝试,那么有人可以帮助我吗?
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 module.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
我的package.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"
}
我看到您正在使用Windows系统。因此,可能需要为此“ webpack / lib / node / NodeTemplatePlugin”模块配置环境变量。 然后可以找到该模块。
当我们通过create-react-app
创建项目时,Webpack内置在React模块中。 这就是Facebook发展起来的方式,以减少对环境设置的关注,并着眼于构建应用程序。 因此,有一种简单的方法可以避免Webpack的启动来创建我们的项目。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.