部署node vue-cli项目 Sass报错问题解决

最新推荐文章于 2024-02-12 22:42:15 发布
最新推荐文章于 2024-02-12 22:42:15 发布
阅读量385 收藏
点赞数
分类专栏： vue 文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fanlao4203/article/details/107248141
版权 
项目里的package.json文件下的 "node-sass": "^4.9.0"  加一个^

然后项目里新建node_modiles文件 然后用webstorm 右键这个文件 选择mark director  选择excluded  最后 文件夹变成黄色

意思就是 让编译器不识别这个文件 

 

然后安装cnpm     发现Sass报错

使用cnpm install node-sass 或者
npm install --save node-sass

重新安装sass 问题解决

 

 

 

 

Winston_Mo_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vue-cli中配置sass
12-07
npm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上 rules: [ { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: '...
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
08-27
Vue CLI 是一个基于 Vue.js 的命令行工具，用于快速搭建 Vue 项目。它简化了项目的配置，提供了预设（preset）来快速初始化项目。在本文中，我们将详细讲解如何使用 Vue CLI 构建项目，以及如何在项目中使用 axios、...
详解在vue-cli项目中安装node-sass
12-01
1，使用save会在package.json中自动添加。 npm install node-sass --save npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像） cnpm install node-sass --save （使用淘宝镜像安装node-sass）
服务器上部署前端install的时候报错（node-sass）
Carrie_zzz的博客
09-07 579
下载的时候发现不断的循环下载node-scss打包会报错 npm install node-sass --unsafe-perm --save-dev 输入以上命令即可
安装node-sass时遇到了编译错误如何解决
最新发布
舒一笑的博客
02-12 1341
时遇到了编译错误，具体是因为找不到合适的Visual Studio安装来使用。（一个用于编译原生Node.js模块的工具）需要Visual Studio的C++编译器和相关工具来编译。，这是一个npm包，可以自动安装Visual Studio Build Tools（包括C++编译器）。如果你已经安装了Visual Studio（比如2017、2019或更高版本），你需要配置。，请确保在安装完成后重新启动你的命令行工具，以确保所有的环境变量更改都被正确应用。在你的项目中，你可以卸载。另一个解决方案是使用。
项目中安装node-sass的问题
halo1416的博客
07-14 5268
一、前言： 如果你的项目中使用了sass作为预编译，则会下载一个包：node-sass，但是这个包会下载失败。 二、产生原因 在下载node-sass 这个包时，package.json中生成的依赖记录事这样的"node-sass": "^4.9.0"，表示为安装的node-sass最低版本为4.9.0，而安装高版本就会报错。 有一种解释是这样的：npm安装node-sass时，会从github.com上下载 .node 文件。蛋由于国内网络环境的问题，这个下载时间会很差，甚至导致超时失败。 三、解决方法
node-sass简介与安装
天涯芳草
06-07 2万+
Node-sass是一个库，它将Node.js绑定到LibSass（流行样式表预处理器Sass的C版本）。它允许用户以令人难以置信的速度将.scss文件本地编译为css，并通过连接中间件自动编译。
ruoyi框架踩坑记之环境配置
qiao_xi的博客
05-19 3435
JDK >= 1.8 (推荐1.8版本) Mysql >= 5.5.0 (推荐5.7版本) Maven >= 3.0 解压zip包 ruoyi----------------后台文件 ruoyi-ui-------------前端文件 前端 删除ruoyi-ui根目录下package.json文件中的node-sass(npm install 可能安装不上node-sass) cmd进入ruoyi-ui目录 ，执行npm install 成功之后执行 (安装了淘宝镜像)cn
安装node-sass报错的的原因及scss引用
我行我素的博客
11-05 6028
安装scss插件 1、先安装sass-loader npm install sass-loader 2、安装node-sass,安装sass-loader需要依赖node-sass npm install node-sass 但是在安装这一步时，我一直报这样的错 如果是这样的错的话就需要限制版本号，如果直接使用最新版本的话，就会因为版本号太高而报错 需要先卸载刚开始安装的报错的node-sass 3、卸载node-sass npm uninstall node-sass 4、卸载之后重新安装node
vue安装依赖之node-sass报错问题
weixin_42803439的博客
04-12 536
vue安装node-sass报错
ruoyi-vue前端启动
Half of if的博客
03-27 9447
1第一步：安装模块 npm i和npm install的区别npm i仅仅是npm install的简写： 2第二步 安装模块会有报错，并且安装速度比较慢 // 使用 淘宝镜像命令解决问题 淘宝镜像会比较快 npminstall-gmirror-config-china--registry=http://registry.npm.taobao.org npm...
若依微服务框架ruoyi-cloud使用手册（持续更新中）
热门推荐
whale的博客
10-12 5万+
主要对使用ruoyi-cloud过程中遇到的坑进行记录和解决，包括以下： 一、项目启动事项 二、新建模块案例 三、一些坑~ 一、项目启动事项 1.首先进行项目相关工具及环境准备，官方文档也有，不过还是贴一下。 JDK >= 1.8 (推荐1.8版本) Mysql >= 5.5.0 (推荐5.7版本) Redis >= 3.0 Maven >= 3.0 Node >= 10 Nacos >= 1.1.0 sentinel >= 1.6.0（启动项目非必要） 这里需要注
vue-cli3创建时选node-sass报错问题解决
wwming的日记本
12-05 1764
因为: vue-cli3.0默认使用yarn包管理工具而不是原来的npm yarn中node-sass，如果你不翻墙，默认下载极大可能会失败 解决方案 配置下 node-sass 的二进制包镜像地址 打开命令行 ， 输入 yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g 这样使用yarn...
在vue-cli项目中安装node-sass
weixin_30394633的博客
01-16 307
1，使用save会在package.json中自动添加。 ----npm install node-sass --save ----npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 ----npminstall-gcnpm...
vue-cli环境安装node-sass问题
weixin_43989837的博客
11-24 988
错误描述 error in ./src/views/index/carNumber.vue?vue&type=style&index=0&id=27bb9816&lang=scss&scoped=true& Module build failed (from ./node_modules/postcss-loader/src/index.js): 解析：这是说明你安装的node-sass版本过高了，需要降低版本重新安装 解决方法： 1，在package
node n 切换node版本失败_记一次 node-sass@4.x 安装失败
weixin_39588419的博客
11-23 766
今天在维护一个基于 vue-cli 创建的旧项目，在安装依赖时会报错，具体信息如下：gyp ERR! stack Error: spawn C:Program Files (x86)Microsoft Visual Studio2019CommunityMSBuild15.0BinMSBuild.exe ENOENT于是我顺着这个路径 C:Program Files (x86)Microsoft ...
vue-cli中配置sass
前端小狮的博客
07-16 1274
如何配置sass 一、安装对应依赖node模块： npm install node-sass --save-dev npm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上 rules: [ { test: /\.vue$/, loader: 'vu...
Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles') pnpm vue-cli项目编译报错
09-09
这个错误通常发生在 Vue CLI 项目中，可能是由于缺少依赖包或配置问题导致的。首先，您可以尝试以下解决方法： 1. 确保您的项目中已安装了正确的依赖包。您可以使用 `pnpm install` 命令或删除 `node_modules` 文件夹后再运行 `pnpm install` 来重新安装依赖。 2. 检查您的项目配置文件（如 `vue.config.js` 或 `babel.config.js`）是否正确配置了样式相关的选项，例如 `css` 或 `style`。 3. 如果您使用了自定义样式预处理器（如 Sass 或 Less），请确保您已正确配置相关依赖包并在项目中使用了正确的语法。 4. 确保您的项目代码没有语法错误，特别是在处理样式相关的代码时。 如果上述方法都没有解决问题，您可以尝试搜索报错信息中提到的具体错误部分或向社区寻求帮助，以获取更详细的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值