【webpack】输入npm run dev报错： This is probably not a problem with npm. There is likely additional loggin

今天做项目的过程中，发现输入了npm run dev，报错提示。然后尝试去修改这个bug。

1、删除node_modules

rm -rf node_modules

2、删除package-lock.json文件

rm package-lock.jsonnpm cache clear --force  // 清除缓存

3、npm install尝试下。

对我没有什么用处。

经过查询资料，发现了作者安蝶写的文章，原来是因为windows不支持NODE_ENV=development的设置方式。

所以，需要安装cross-env（提供一个设置环境变量的script，让你能够以linux的方式设置环境变量，然后在windows上也能兼容运行），可解决兼容性的问题。

npm install --save-dev cross-env

接着修改下package.json中的script，也就是早WEBPACK_ENV前添加cross-env

  "scripts": {"dev": "cross-env WEBPACK_ENV=dev webpack-dev-server --inline --port 8088",},

npm run dev 在尝试一下

完美解决问题。

思考：这里有一个问题，我们安装的cross-env是为了兼容windows系统的，那么如果是os系统。这种方法就不可用了。我们的代码拓展性不太好。所以，我们需要对windows系统和os系统分别做处理。

为了避免安装的cross-env带来的干扰，我们先卸载它。

npm uninstall --save-dev cross-env

package.json文件可以这样写。

  "scripts": {"webpack": "webpack","test": "echo \"Error: no test specified\" && exit 1","build": "webpack --mode production","dev": "WEBPACK_ENV=dev webpack-dev-server --inline --port 8088","dev_win": "set WEBPACK_ENV=dev && webpack-dev-server --inline --port 8088","dist": "WEBPACK_ENV=online webpack -p","dist_win": "set WEBPACK_ENV=online webpack -p"},

npm run dev_win 重新启动，试试看

也可以正常启动项目。

这里为什么要这样设置，可查看【webpack】webpack-dev-server的安装

【webpack】输入npm run dev报错： This is probably not a problem with npm. There is likely additional loggin相关推荐

输入npm run dev报错“ensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization“解决方法之一
一.问题描述 [未解决]1.输入java -version没有反应 [已解决]2.输入npm run dev报错 opensslErrorStack: [ 'error:03000086:digita ...
vue 项目，下载别人的项目和npm run dev报错解决方法
npm install npm run dev 通常在npm install 有时候会出错 $ cnpm install × Install fail! Error: [boostrap@^4.2.1 ...
npm run dev 报错：missing script:dev
错误描述运行 npm run dev 报错 missing script:dev 原因查看package.json发现script中并没有dev而是serve.. 所以运行 npm run ser ...
vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时,npm run dev报错解决方法参考文章: (1)vue 项目初始化时,npm run dev报错解决方法 (2)https://www.cnblogs.com/ruilin ...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
运行npm run dev报错 internal/modules/cjs/loader.js:883 throw err；
1. 运行npm run dev报错 internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'proces ...
npm run dev报错：getaddrinfo ENOTFOUND localhost
我在使用mac电脑新建vue项目时,运行npm run dev时报错: 解决方法一:全局搜索localhost,将localhost变成127.0.0.1重新运行. 解决方法二: 1.打开hosts文 ...
【VUE】npm run dev 报错 spawn cmd ENOENT
问题描述 npm run dev 时报错spawn cmd ENOENT 原因 ['C:\Windows\System32']丢失解决办法添加系统环境变量path即可. 进入系统的环境变量–pat ...
npm run dev报错_React + TypeScript 从零开发Popup组件并发布到 npm
上篇文章中介绍了如何从 0 到 1 搭建一个 React 组件库架子,但为了一两个组件去搭建组件库未免显得大材小用. 这次以移动端常见的一个组件 Popup 为例,以最方便快捷的形式发布一个流程完整的 ...

【webpack】输入npm run dev报错： This is probably not a problem with npm. There is likely additional loggin

【webpack】输入npm run dev报错： This is probably not a problem with npm. There is likely additional loggin相关推荐

最新文章

热门文章