npm install 报错 @1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf..

2024-05-31 09:20:14

npm install 报错

很久没有用过webpack了，猛地一用，果然出问题了。

从git上拉下来的代码，因为没有node_modules包，所以需要先进行npm install

在npm install 的过程中，报错如上图所示。

然后，我没有管它，继续npm run dev或者npm run start这个具体的vue启动的命令可以通过查看package.json文件中的配置。通过下图可以查看到npm run dev与npm run start功能是一样的。
结果在运行时就报错了，完全启动不起来。

于是，百度。

开始我以为是webpack或者node的版本过高或者过低，然后查看node的版本发现是稳定的版本，而且版本号远远低于当前的最新版本号。

webpack的版本是2.9.7，通过百度我发现的都是发现的webpack高于2.9.7，然后报错后降级到2.9.7的。所以也可以排除是webpack版本的问题。

然后我就没辙了……

我好菜

厚着脸皮问了老师（之前买过vue和react课程的李杰李老师），这个老师真的很负责，花了几十块钱买的课程，然后你有任何问题都是可以问他的，基本上都是有问必答，而且回复速度也是可以的。

最终将问题锁定在ip地址上。这个从git上拉下来的代码中，直接将ip地址写死了，而我运行的时候是从本地运行的，所以一直都是在报错。

那么ip地址从哪里修改哪？

不同版本的vue-cli脚手架更改ip地址的文件也不相同

vue-cli@3的需要在vue.config.js中进行修改。
vue-cli@2的需要在

lo
是从config文件夹下面的index.js文件中修改host，将原来的IP地址改为localhost本地ip地址，或者改为0.0.0.0，而且需要注意以下端口号有没有在本地占用。我在本地的h5页面中nignx文件中占用的接口是8081，此处写8080基本是没有问题的。

最终解决了……
此处mark一下。

npm install 报错 @1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf..相关推荐

记一次前端启动报错npm ERR! 12@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.c
问题: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! 12@1.0.0 dev: `webpack-dev-server --inline -- ...
vue:hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
运行vue项目是报错: hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.con ...
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
vue 项目 npm run dev 运行时报错: npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config b ...
出现`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`报错
vue 项目 npm run dev 运行时报错: npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config b ...
vue项目运行不成功--@1.0.0 dev: **`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
项目场景: vue 新项目运行–安装依赖包–运行项目问题描述: 安装依赖包不成功-运行不起来 //mobileap----mobileap是项目名称,package.josn里name(文件夹名称) ...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 解决办法
最近要做一个可以拖拽的关系图,从github上clone别人的项目后运行时报错webpack-dev-server --inline --progress --config build/webpack ...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
vue项目 npm run dev 运行时报错:webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原因 ...
npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
今天刚来公司启动项目就给我报下面的错误百度一下,通常报这个错的原因是:webpack-dev-server 版本存在问题解决办法:安装 webpack-dev-server 低版本号方法一:删除 ...
报错：dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
该问题出现在我从git上刚刚拉下来的项目在npm install 之后,npm run dev/npm run serve都报错??? 然后我根据报错信息查看我的 package.json文件我 ...
ripples-library@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
运行vue项目是报错:npm run dev 原因:config/index.js的host配置错误,host的值为localhost或自己的IP地址修改完毕后,npm run dev即可

最新文章

热门文章