国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 成人三级在线播放线观看 | 最新国产午夜精品视频成人 | 亚洲成在人线久久综合 | 亚洲免费在线视频 | 一区二区三区四区在线视频 | 最新国产一区二区精品久久 | 久草最新视频 | 色吊丝avav色吊丝 | 美女视频黄a全部免费专区一 | 最新欧美精品一区二区三区 | 国产成人一区二区三区免费观看 | 亚洲一级毛片中文字幕 | 午夜一级毛片看看 | 男女性关系视频免费观看软件 | 国产乱码一区二区三区四川人 | 久久精品国产只有精品6 | 久久久久久久久久久久福利 | 日本三级香港三级人妇99视 | 女人张开腿 让男人桶视频 女人张开腿等男人桶免费视频 | 99在线精品免费视频九九视 | 国产理论视频在线观看 | 日韩一级性生活片 | 国产亚洲欧美在线视频 | 成a人片亚洲日本久久 | 69成人免费视频 | 日韩欧美综合 | a亚洲天堂| 亚洲精品不卡午夜精品 | 福利岛国深夜在线 | 天天综合色一区二区三区 | 久久99久久99 | 久久国内精品自在自线观看 | 自拍视频在线 | 国产人成亚洲第一网站在线播放 | 在线播放高清国语自产拍免费 | 韩国免费毛片在线看 | 国产国产人免费视频成69堂 | 国产成人咱精品视频免费网站 | 成年人精品视频 | 国产一区二区在线视频播放 | 天堂男人2021av|