Vue的排坑(一)| cannot find module "node-sassmodule"

Vue的排坑(一)| cannot find module "node-sassmodule"

起因

最近开始进军uniapp,拿到了一个较为成熟的框架打算开始大展身手,结果一开始编译就出错,排除了大部分低级错误后发现跑起来的时候一直在报错“cannot find module ‘node-sass’”。以为直接npm install 一下就能解决,结果各种install都还是一直在报错。

排坑记录

1.盲目尝试

由于看报错是缺少node-sass模块,以前好像装过这个模块,一般出到问题都是权限不够装不上于是直接
npm install node-sass
装上了,但是运行还是报Error: Cannot find module ‘node-sass’

2.疯狂删减

虽然有点不理智,但是对于初学一个框架来说还是比较好的方法,在日志里找到报错对应的文件,疯狂的注释,删减。后面报错从8个减少到三个,但这三个钉子户困扰了我一下午,运行还是跑不起来。

ERROR  Failed to compile with 3 errors
error  in ./src/styles/common.scss
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Cannot find module 'node-sass'
Require stack:
- D:\demo\题宝贝\yinghu\node_modules\sass-loader\dist\getDefaultSassImplementation.js
- D:\demo\题宝贝\yinghu\node_modules\sass-loader\dist\getSassImplementation.js
- D:\demo\题宝贝\yinghu\node_modules\sass-loader\dist\index.js
- D:\demo\题宝贝\yinghu\node_modules\sass-loader\dist\cjs.js
- D:\demo\题宝贝\yinghu\node_modules\loader-runner\lib\loadLoader.js
- D:\demo\题宝贝\yinghu\node_modules\loader-runner\lib\LoaderRunner.js
- D:\demo\题宝贝\yinghu\node_modules\webpack\lib\NormalModule.js
- D:\demo\题宝贝\yinghu\node_modules\webpack\lib\NormalModuleFactory.js
- D:\demo\题宝贝\yinghu\node_modules\webpack\lib\Compiler.js
- D:\demo\题宝贝\yinghu\node_modules\webpack\lib\webpack.js
- D:\demo\题宝贝\yinghu\node_modules\@vue\cli-service\lib\commands\serve.js
- D:\demo\题宝贝\yinghu\node_modules\@vue\cli-service\lib\Service.js

3.全局安装

我全局安装一个node-sass。只要能在/user/node_modules/里面找到node-sass这个包就没问题了。

结果install结束以后还是没有找到node-sass这个module。

4.终局

最后找到了两个方法是可行的对我的项目来说:

1.方法一:

  • (1)cnpm安装命令: npm install -g cnpm

  • (2)查看npm的镜像列表 nrm ls

    alt 镜像列表

-(3)使用淘宝镜像命令为 : nrm use taobao

-(4)cnpm install node-sass #cnpm安装

2.方法二:

终端运行以下命令:

  • npm cache clean -force

  • npm install -g mirror-config-china

  • npm install node-sass
    我是用这个解决的

发布了4 篇原创文章 · 获赞 2 · 访问量 35

猜你喜欢

转载自blog.csdn.net/qq_42815653/article/details/104928763