新手解决 NPM run dev 报错的问题,及怎么升级 NPM,node 版本,希望能帮到后来人

首先显示下我所遇到的问题情况(如下截图所示)

新手解决 NPM run dev 报错的问题,及怎么升级npm,node版本,希望能帮到后来人

新手解决 NPM run dev 报错的问题,及怎么升级npm,node版本,希望能帮到后来人

这个是我个人解决问题的思路,希望能帮到你解决

  1. 首先将node,npm升级到最新的版本

它将安装的当前稳定版本node

sudo npm cache clean -f sudo npm install -g n sudo n stable

安装最新版npm

npm install -g npm 或者 sudo npm -g install npm@latest

  1. 删除node_modules,package-lock.json

    rm -rf node_modules
    rm package-lock.json
    npm cache clear --force
  2. 重新安装npde_modules: npm install

    sudo npm cache clear
    sudo npm install --force --no-bin-links

    如图所示:
    新手解决 NPM run dev 报错的问题,及怎么升级npm,node版本,希望能帮到后来人

  3. 在package.json 干掉三行的 cross-env

    {
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "cross-env": "^6.0.3",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue-template-compiler": "^2.6.10"
    }
    }
  4. 最后运行:npm run dev npm run watch-poll 大功告成
    新手解决 NPM run dev 报错的问题,及怎么升级npm,node版本,希望能帮到后来人
    新手解决 NPM run dev 报错的问题,及怎么升级npm,node版本,希望能帮到后来人

有志者事竟成

附言 1  ·  2周前

如果内容对你有帮忙,请你点赞评论支持一下。因为点赞数、评论数越多,就会成为精品文章,那就越可能让更多人看到文章。大家的支持,是我进步的动力!谢谢

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 6
犯二青年

干货,有时候在公司帮前端改改管理后台,npm install运行总报错,下次试试你这方法,Mark一波先!

2个月前 评论

非常有用,node版本不对会报其他错的

2个月前 评论

确实有用,之前下载了cnpm,yarn 都不好用,用了版主的方法后就成功了,非常的方便,谢谢

2周前 评论

@softer 不用客气,好用的,就点个赞让更多人知道这个方法。 :grin:满15个赞会成为精品文章,需要你的支持。

2周前 评论

@Jason2018 已赞,想问下作者文中提到的sudo npm cache clean -f, sudo npm cache clear ,这两个命令有什么区别,为什么后面这个命令我在网上查不到相关资料呢? 还有为什么要把这两个命令执行几次呢,执行一次不就清除npm的缓存了吗?
菜鸟一枚 :grin:,请大佬解答一下,谢谢 :blush:

2周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!