[ npm install:run script: error ] node-sass@^5.0.0 scripts.postinstall run “node scripts/build.js“

葬我以时光

已于 2022-02-15 17:35:31 修改

阅读量2.9k

点赞数 1

分类专栏： Vue JS Linux 文章标签： javascript npm sass

于 2021-11-14 22:29:51 首次发布

本文链接：https://blog.csdn.net/Jone_hui/article/details/121324825

版权

Vue 同时被 3 个专栏收录

38 篇文章 2 订阅

订阅专栏

37 篇文章 0 订阅

订阅专栏

Linux

10 篇文章 1 订阅

订阅专栏

博客介绍了在Vue项目搭建过程中遇到的node-sass（5.0.0）和sass-loader（10.1.0）版本不兼容问题，问题出现在服务器上。解决方案包括升级node-sass到最新版本（6.0.1）或者降级Node.js到12.0.1。此外，还提到了在使用sass-loader时的配置问题，特别是`prependData`或`additionalData`的版本对应变化。

摘要由CSDN通过智能技术生成

Vue搭建项目时候使用的node-sass(5.0.0) 和 sass-loader(10.1.0)，

同事服务器安装部署打包时出现上述错误，目测为版本不兼容导致，

于是在node-sass Issues中找到了答案： 由于我本地使用node版本为12.0.1，服务器为较新的16.0.1，所以出现了兼容问题

解决方案：

一：升级node-sass到最新版本即可（在用方案）

npm uninstall node-sass

npm install node-sass@6.0.1

二：降级nodejs到12.0.1

// 安装nvm， 方式多种此处自行百度

1. 下载地址，https://github.com/coreybutler/nvm-windows/releases


2. 检测版本，nvm -v


3. 切换版本,
nvm ls   // 查看目前已经安装的版本
nvm install 8.9.1  // 安装指定的版本的nodejs
nvm use 8.9.1  // 使用指定版本的nodejs
nvm uninstall 8.9.1 //卸载指定版本的nodejs

=================== 2020.02.14 更新 =====================

问题描述：loaderOptions配置

Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }

解决方案：

查看package.json中sass-loader版本，修改config配置如下：

sass-loader V8-，Data

sass-loader V8+，prependData

sass-loader V10+，additionalData

 css: {
    loaderOptions: {
      sass: {
        // 变量名与版本变化
        prependData: `@import "@/style/rem.scss";`
      }
    },
    sourceMap:false,
    extract: false
 },