国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

node.js - Cannot find module ’webpack/bin/config-yargs’

瀏覽:138日期:2023-10-08 17:01:28

問題描述

當我通過package.json的script去執行webpack-dev-server的時候就報以下錯誤

npm start> react-tutorial@0.0.0 start D:myreact-task> webpack-dev-server --inline --hot --colorsmodule.js:327 throw err; ^Error: Cannot find module ’webpack/bin/config-yargs’ at Function.Module._resolveFilename (module.js:325:15) at Function.Module._load (module.js:276:25) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> (D:myreact-tasknode_moduleswebpack-dev-serverbinwebpack-dev-server.js:24:1) at Module._compile (module.js:409:26) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Function.Module.runMain (module.js:441:10)npm ERR! Windows_NT 6.1.7601npm ERR! argv 'C:Program Filesnodejsnode.exe' 'C:UsersxuygAppDataRoamingnpmnode_modulesnpmbinnpm-cli.js' 'start'npm ERR! node v4.4.4npm ERR! npm v3.10.5npm ERR! code ELIFECYCLEnpm ERR! react-tutorial@0.0.0 start: `webpack-dev-server --inline --hot --colors`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the react-tutorial@0.0.0 start script ’webpack-dev-server --inline --hot --colors’.npm ERR! Make sure you have the latest version of node.js and npm installed.npm ERR! If you do, this is most likely a problem with the react-tutorial package,npm ERR! not with npm itself.npm ERR! Tell the author that this fails on your system:npm ERR! webpack-dev-server --inline --hot --colorsnpm ERR! You can get information on how to open an issue for this project with:npm ERR! npm bugs react-tutorialnpm ERR! Or if that isn’t available, you can get their info via:npm ERR! npm owner ls react-tutorialnpm ERR! There is likely additional logging output above.npm ERR! Please include the following file with any support request:npm ERR! D:myreact-tasknpm-debug.log

但是當我手動去輸入webpack-dev-server的時候卻不會報錯。

這是我webpack的配置

var webpack = require(’webpack’);var ExtractTextPlugin = require(’extract-text-webpack-plugin’);var extractCSS = new ExtractTextPlugin(’[name].css’);var HtmlWebpackPlugin = require(’html-webpack-plugin’);var path = require(’path’);var node_modules_dir = path.resolve(__dirname,’node_modules’);var OpenPackPlugin = require(’openpack’);var AddAssetHtmlPlugin = require(’add-asset-html-webpack-plugin’);var deps = [ ’react/dist/react.min.js’];var clientConfig = { entry:{ app:’./src/client.js’ }, output:{ path: path.resolve(__dirname, ’build’), public:’build/’, filename:’js/[name].bundle.js’ }, resolve:{ alias:{} }, devtool:’#source-map’, module:{ loaders:[ {test:/.css$/,exclude:/node_modules/,loaders: [ ’style?sourceMap’,’css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]’] }, { test:/.jsx?$/,include: [ path.resolve(__dirname, ’./node_modules/react-routing/src’), path.resolve(__dirname, ’./src’),],loader:’babel-loader’ }, // 加載html {test:/.html$/,exclude:/node_modules/,loader:’raw-loader’}, // 加載sass {test:/.(scss|sass)$/i,exclude:/node_modules|public/,loaders: [’style?sourceMap’,’css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]’,’sass’] }, {test:/.(scss|sass)$/i,include:path.join(__dirname,’src/public’),loaders: [’style?sourceMap’,’css’,’sass’] },// 圖片文件使用 url-loader 來處理,小于25kb的直接轉為base64,超過就會輸出到output的path {test:/.(png|jpe?g|gif)$/,exclude:/node_modules/,loader: ’url-loader?limit=25000&name=assets/imgs/[name].[ext]’}, // 字體 { test: /.(woff2|woff|ttf|eot|svg|otf)?(?v=[0-9].[0-9].[0-9])?$/,loaders: [’url-loader?limit=1000&name=assets/fonts/[name].[ext]’] }, {test:/.json$/,exclude:/node_modules/,loaders: [’url-loader?limit=1000&name=assets/data/[name].[ext]’] } ], noParse:[] }, babel:{ presets:[’react’,’es2015’,’stage-0’], plugins:[’transform-runtime’] }, plugins:[ extractCSS, new HtmlWebpackPlugin({ template:path.resolve(__dirname,’src/module.html’), title:’react-task’, filename:’index.html’ }), new webpack.ProvidePlugin({ ’React’:’react’, CSSModules:’react-css-modules’ }), new OpenPackPlugin({ browser:’chrome’, host:’localhost’, port:’8080’ }), new webpack.DllReferencePlugin({ context:path.join(__dirname), manifest:require(’./build/manifest.json’) }), new AddAssetHtmlPlugin({ filepath:require.resolve(’./build/js/lib.js’), includeSourcemap:true }), ]};deps.forEach(function(dep){ var depPath = path.resolve(node_modules_dir,dep); clientConfig.resolve.alias[dep.split(path.sep)[0] = depPath]; clientConfig.module.noParse.push(depPath);});const serverConfig = { entry:{ app:’./src/client.js’ }, output: { path: path.resolve(__dirname, ’../build’), filename: ’server.js’, chunkFilename: ’server.[name].js’, libraryTarget: ’commonjs2’, }};module.exports = clientConfig;

問題解答

回答1:

同問樓主,解決了嗎?

回答2:

webpack-dev-server版本和webpack的問題

http://stackoverflow.com/ques...

回答3:

@左耳朵界面 正解

回答4:

同樣的困擾不知道怎么解決

回答5:

webpack-dev-server2版本與webpack1版本不匹配, 我把webpack改為webpack2高版本就好了。

回答6:

此類問題自測下 plugins 配置

標簽: web
相關文章:
主站蜘蛛池模板: 亚洲国产午夜看片 | 奇米四色综合久久天天爱 | 精品一区二区三区五区六区 | 欧美激情视频一区二区免费 | 亚洲自拍偷拍图 | 老司机午夜在线视频免费观 | 国产精品久久亚洲一区二区 | 在线播放另类 | 久久经典免费视频 | 亚洲成aⅴ人在线观看 | 亚洲毛片在线播放 | 国产精品自拍合集 | 久久这里只有精品免费视频 | 国产成人精品久久综合 | 免费a级毛片视频 | 亚洲欧美日韩中文字幕在线一区 | 黄网址在线看 | 一级做a爰片性色毛片视频图片 | 九九视频免费精品视频免费 | 99在线免费观看 | 农村寡妇一级毛片免费看视频 | 欧美不卡在线视频 | 成年人看的免费视频 | 99re8免费视频精品全部 | 精品亚洲一区二区三区 | 国产一区二区三区四区在线观看 | 男人的天堂欧美精品色偷偷 | 亚洲欧美日韩在线观看二区 | 极品精品国产超清自在线观看 | 黄色网点 | 午夜视频久久 | 久久国产精品夜色 | 性久久久久久久久 | 免费岛国小视频在线观看 | 午夜国产 | 九九热精| 一区二区三区影院 | 国产成人在线影院 | 免费观看欧美一级片 | 国产一级在线 | 综合色久 |