剛接觸webpack沒多久,想請大神指導(dǎo)一下,運行npm run dev時會報錯,在配置文件中提示:
不知道該怎么解決呢
具體報錯及文件如下:
e:\learnWebpack\learn03>npm run dev
> learn03@1.0.0 dev e:\learnWebpack\learn03
> webpack
clean-webpack-plugin: E:\learnWebpack\learn03\dist has been removed.
e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:348
throw err;
^
TypeError: Cannot read property 'emit' of undefined
at InlineManifestWebpackPlugin.apply (e:\learnWebpack\learn03\node_modules\inline-manifest-webpack-plugin\index.js:10:20)
at Compiler.apply (e:\learnWebpack\learn03\node_modules\tapable\lib\Tapable.js:375:16)
at webpack (e:\learnWebpack\learn03\node_modules\webpack\lib\webpack.js:33:19)
at processOptions (e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:335:15)
at yargs.parse (e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:396:2)
at Object.Yargs.self.parse (e:\learnWebpack\learn03\node_modules\yargs\yargs.js:533:18)
at Object.<anonymous> (e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:152:7)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
at Function.Module.runMain (module.js:676:10)
at startup (bootstrap_node.js:187:16)
at bootstrap_node.js:608:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! learn03@1.0.0 dev: `webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the learn03@1.0.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\Administrator\AppData\Roaming\npm-cache\_logs\2018-07-21T00_59_39_365Z-debug.log
package.json
{
"name": "learn03",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "webpack",
"cross": "cross-env",
"production": "cross-env NODE_ENV=production npm run dev",
"local": "cross-env NODE_ENV=local npm run dev",
"watch": "npm run dev --watch"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"clean-webpack-plugin": "^0.1.19",
"cross-env": "^5.2.0",
"css-loader": "^1.0.0",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.11",
"html-webpack-plugin": "^3.2.0",
"inline-manifest-webpack-plugin": "^4.0.1",
"jquery": "^3.3.1",
"node-sass": "^4.9.2",
"sass-loader": "^7.0.3",
"style-loader": "^0.21.0",
"url-loader": "^1.0.1",
"webpack": "^3.10.0"
},
"dependencies": {}
}
這個是webpack.config.js
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var CleanWebpackPlugin = require("clean-webpack-plugin");
var HtmlWebpackPlugin = require("html-webpack-plugin");
var InlineManifestWebpackPlugin = require('inline-manifest-webpack-plugin');
var path = require('path');
var isProduction = process.env.NODE_ENV === 'production';
module.exports = {
entry:{
app:'./src/main.js',
vendor:['jquery']
},
output:{
path:path.resolve(__dirname,'./dist'),
filename:'[name].[chunkhash].js'
},
module:{
rules:[{
test:/\.scss$/,
use:ExtractTextPlugin.extract({
use:[{
loader:'css-loader',
options:{
minimize:isProduction
}
},'sass-loader'],
fallback:'style-loader'
})
},
{
test:/\.png|jpe?g|gif$/,
use:[{
loader:'url-loader',
options:{
limit:819299,
name:'[name].[hash].[ext]',
outputPath:'images/'
}
}]
}
,
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}]
},
plugins:[
new CleanWebpackPlugin(['dist'],{
root:__dirname,
verbose:true,
dry:false
}),
new webpack.BannerPlugin('虛心向上'),
new ExtractTextPlugin('[name].css'),
new HtmlWebpackPlugin({
template:'index.html'
}),
new InlineManifestWebpackPlugin({
name:'webpackManifest'
})
]
};
if(isProduction){
module.exports.plugins.push(
new webpack.optimize.UglifyJsPlugin()
)
}是否是版本問題?https://www.npmjs.com/package...
上面說"inline-manifest-webpack-plugin": "^4.0.1",版本的要用webpack4,我看你的package.json中用的是webpack3.10.0
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務(wù)負責iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。