我正在从事一个应该在在线课程中完成的小项目。 我已经下载了必要的模块。我应该在命令行中运行(npm run start),但我不断收到此错误“找不到模块'html-webpack-plugin” ..会感谢您的帮助。我在这里已经阅读了所有其他主题,但是切槽似乎有帮助。
我应该创建一个简单的Html副本或要在实时服务器中显示的内容...我试图重新安装所有内容并安装-g,-save-dev或--save。必要的程序包在node-modules文件夹中
webpack.config.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './src/js/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/bundle.js'
},
devServer: {
contentBase: './dist'
},
plugins: [
new HtmlWebpackPlugin({
filename: './dist/index.html',
template: './src/index.html',
})
]
};
package.json
{
"name": "forkify",
"version": "1.0.0",
"description": "forkify project",
"main": "index.js",
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production",
"start": "webpack-dev-server --mode development --open"
},
"author": "Kushtrim",
"license": "ISC",
"devDependencies": {
"html-webpack-plugin": "^3.2.0",
"install": "^0.13.0",
"webpack": "^4.39.3",
"webpack-cli": "^3.3.8",
"webpack-dev-server": "^3.8.0"
},
"dependencies": {}
}
$ npm运行开始
> forkify@1.0.0 start C:\Users\mrB\Documents\Web-development\complete-
javascript-course-master\9-forkify\starter
> webpack-dev-server --mode development --open
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module 'html-webpack-plugin'
at Function.Module._resolveFilename
(internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (C:\Users\mrB\Documents\Web-development\complete-
javascript-course-master\9-forkify\webpack.config.js:2:27)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! forkify@1.0.0 start: `webpack-dev-server --mode development --
open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the forkify@1.0.0 start 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\mrB\AppData\Roaming\npm-cache\_logs\2019-09-
13T10_42_46_932Z-debug.log
应该发生的是webpack-dev-server应该启动。但是我所做的一切似乎都无济于事。
答案 0 :(得分:0)
似乎您需要先安装所有依赖项。
尝试
npm install
然后
npm run start