Vue 项目 npm run dev时报错 Refused to load the image 'http://localhost:8099/favicon.ico' because it vio

1.我在那到一个同时给我的vue 项目,我用idea打开后用npm install 初始化,这个时候都没问题,但是当我 npm run dev 的 时候,idea的控制台就出现error ,

Module build failed: Error: Missing binding C:\Users\Lenovo\Desktop\2\DigitalExperienceHall\node_modules\nod e-sass\vendor\win32-x64-64\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 10.x

然后去到页面,看到是Cannot GET /,下意识的反应打开控制台 看到如下图片的报错,
Vue 项目 npm run dev时报错 Refused to load the image 'http://localhost:8099/favicon.ico' because it vio_第1张图片
2. 然后我就拿着错误去百度 找,给的答案是 npm i node-sass ,然而试了一下没用,只能继续百度,看到另一个答案 npm rebuild node-sass 然后再 npm update 一下,然而试了还是没用(之所以贴出这两个答案,是为了给个多的选择,可能这两个选择能解决你的问题。)
3. 最后 我是怎么解决的呢?
很简单 把node_modules 删掉,然后再 npm install 一下 就可以了,我这就很无语了 为啥会这样,结果我再看看我最开始拿到的文件的目录 Vue 项目 npm run dev时报错 Refused to load the image 'http://localhost:8099/favicon.ico' because it vio_第2张图片
原来给我的 项目里 有了 node_modules ,但是这也不应该啊,难道我对npm install 有什么误解,然后我又开始百度了(对的,百度是强大的!),在一个帖子种看到 这么一句话:“ 安装之前,npm install 会先检查,node_modules 目录之中是否已经存在指定模块。如果存在,就不再重新安装了” 而且 “npm install 默认会安装 dependencies 字段和 devDependencies 字段中的所有模块”
具体的 npm 相关知识可以查看这个连接npm 是什么
最后,问题就是再那个node_modules (被同事坑了),我给出的答案是,我同事用的node.js 和我的node.js版本 不一致,它再本地通过node.js 根据 package.json 里面的依赖来下载包并生成node_modules,所以一般来说项目里 是不需要node_modules ,只需要有package.json 就可以了。总而言之,一句话,这种情况下遇到这个问题 碰到了就试试这个方法(删掉node_modules )然后再npm install 从新生成node_modules 就可以了

你可能感兴趣的:(Vue学习日志)