• vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题


    1、报错问题
    1
    E:WebStormFile reehole-manage>npm run dev 2 > xc-ui-pc-sysmanage@1.0.0 dev E:WebStormFile reehole-manage 3 > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 4 94% asset optimization 5 ERROR Failed to compile with 2 errors 09:51:14 6 7 error in ./src/base/components/head.vue 8 9 Module build failed: Error: Cannot find module 'node-sass' 10 at Function.Module._resolveFilename (module.js:547:15) 11 at Function.Module._load (module.js:474:25) 12 at Module.require (module.js:596:17) 13 at require (internal/module.js:11:18) 14 at Object.<anonymous> (E:WebStormFile reehole-manage ode_modulessass-loaderlibloader.js:3:14) 15 at Module._compile (module.js:652:30) 16 at Object.Module._extensions..js (module.js:663:10) 17 at Module.load (module.js:565:32) 18 at tryModuleLoad (module.js:505:12) 19 at Function.Module._load (module.js:497:3) 20 at Module.require (module.js:596:17) 21 at require (internal/module.js:11:18) 22 at loadLoader (E:WebStormFile reehole-manage ode_modulesloader-runnerlibloadLoader.js:13:17) 23 at iteratePitchingLoaders (E:WebStormFile reehole-manage ode_modulesloader-runnerlibLoaderRunner.js:1 24 69:2) 25 at iteratePitchingLoaders (E:WebStormFile reehole-manage ode_modulesloader-runnerlibLoaderRunner.js:1 26 65:10) 27 at E:WebStormFile reehole-manage ode_modulesloader-runnerlibLoaderRunner.js:173:18 28 29 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/ 30 style-compiler?{"vue":true,"id":"data-v-1340bee1","scoped":true,"hasInlineConfig":false}!./node_modules/sass-lo 31 ader/lib/loader.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache! 32 ./src/base/components/head.vue 4:14-395 13:3-17:5 14:22-403 33 @ ./src/base/components/head.vue 34 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./sr 35 c/module/home/page/home.vue 36 @ ./src/module/home/page/home.vue 37 @ ./src/module/home/router/index.js 38 @ ./src/base/router/index.js 39 @ ./src/main.js 40 @ multi (webpack)-dev-server/client?http://localhost:11001 webpack/hot/dev-server ./src/main.js 41
    2、解决过程
    1)使用命令“npm install node-sass --save-dev”下载一个新的 “node-sass”文件
    Module build failed: Error: Cannot find module 'node-sass'”的意思是找不到模块的‘node-sass’文件,所以你要做的是去下载一个‘node-sass’文件,好吧,报错了。仔细看了一下,并借鉴 https://blog.csdn.net/qq_38401285/article/details/86483278 这个博主踩的坑,然后我直接做了第二步。
    E:WebStormFile	reehole-manage>npm install node-sass --save-dev
    npm ERR! code ECONNREFUSED
    npm ERR! errno ECONNREFUSED
    npm ERR! FetchError: request to https://registry.npm.taobao.org/node-sass failed, reason: connect ECONNREFUSED 127.0.0.1:1080
    npm ERR!     at ClientRequest.req.on.err (E:WebStormFile	reehole-manage
    ode_modules
    pm
    ode_modulespacote
    ode_modulesmake-fetch-happen
    ode_mo
    .......
    npm ERR!     at <anonymous>
    npm ERR!     at process._tickCallback (internal/process/next_tick.js:188:7)
    npm ERR!   message: 'request to https://registry.npm.taobao.org/node-sass failed, reason: connect ECONNREFUSED 127.0.0.1:1080',
    npm ERR!   type: 'system',
    npm ERR!   errno: 'ECONNREFUSED',
    npm ERR!   code: 'ECONNREFUSED',
    npm ERR!   stack: 'FetchError: request to https://registry.npm.taobao.org/node-sass failed, reason: connect ECONNREFUSED 127.0.0.1:1080
        at Clien
    .......
    npm ERR!
    npm ERR! If you are behind a proxy, please make sure that the npm ERR! 'proxy' config is set properly.  See: 'npm help config'
    +++》意思大概是 如果你在一个代理后面,请确保npm出错了代理服务器的配置设置正确。
    .......
    2)npm配置使用淘宝镜像 ‘npm config set registry http://registry.npm.taobao.org’
    3)cnpm install node-sass --save,使用cnpm重新下载‘node-sass’文件
    4)npm run dev ,重新运行项目。
  • 相关阅读:
    Eclipse 启动Tomcat 超时报错的解决方案
    ExtJS提交到服务器端的方式以及简单的登录实现
    19.CentOS7下PostgreSQL安装过程
    18.正向代理和反向代理
    17.NET Core WebApi跨域问题
    16.Ubuntu LTS 16.04安装搜狗输入法全过程记录(纯新手)
    15.基础知识相关好帖(持续更新)
    14.C#/.NET编程中的常见异常(持续更新)
    13.padding和margin,几种参数
    12.Visual Studio 2013中的默认快捷键
  • 原文地址:https://www.cnblogs.com/sylys/p/11810539.html
Copyright © 2020-2023  润新知