谷粒学院p68 vue-element-admin 安装失败

最新推荐文章于 2023-02-26 11:26:46 发布
最新推荐文章于 2023-02-26 11:26:46 发布
阅读量731 收藏 1
点赞数
分类专栏： web 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46132054/article/details/122230662
版权

一开始导入vue-element-admin npm install 的时候一直失败，然后导入的是vue-admin-1010（已经下载好依赖了）

运行报错如下：

Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (83)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.13.1

根据提示点开网站


看到这里 node-sass v4.13.1支持的 node 版本最大是13

而我本机版本是 v14.15.0,所以应该是版本不兼容的问题

解决方案：

  1. 删除项目module文件里的node-sass包
  2. 项目根目录下重新npm install node-sass
  3. npm run dev
zsxfa
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-element-admin-master框架，已经配好的node_modules
11-11
vue-element-admin-master框架，已经配好的node_modules，不用配置git
谷粒学院问题P68评论区搬运
qq_42739432的博客
09-26 120
结语：测试的时候发现安装 node-sass自动生成node_modules文件夹，方案2不用删除，可能是package.json文件不同，如果有大佬能解答就好了。P68方案2，这是我的第二个解决方案，使用的是未安装依赖的vue-admin-template-master。PS：我发现老师那个版本安装好的要下载81个依赖，自己安装的只要56个。2. 安装 node-sass： `cnpm install node-sass`1. 安装cnpm ：`npm install cnpm -g`
【谷粒学院】vue、axios、element-ui、node.js（44~58）
Hvitur的博客
02-26 600
vue、axios、element-ui、node.js
Windows下vue-element-admin安装
qq_61713937的博客
07-13 279
vue的安装
【谷粒学院】009-Node.js简介、安装、简单使用
訾博（ZiBo）的博客
12-09 344
目录 一、简介 1、什么是Node.js 2、Node.js有什么用 二、安装 1、下载 2、配置环境变量 参考文章： 三、简单使用 1、执行JS文件 JS代码： 执行： 浏览器的内核包括两部分核心： 2、服务器端应用开发（了解） JS代码： 执行： 3、使用VSCode打开CMD窗口 图示： 效果： 一、简介 1、什么是Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript； Node.js是一个事件驱动I/O服务端JavaScrip
vue-element-admin中文版本
07-20
该资源为一个后台管理系统，为vue-element-admin在git下搭建而成
vue-element-admin 集成框架设置中文语言
最新发布
11-10
vue-element-admin 集成框架中文版本
vue-element-admin完整依赖包node_modules
03-05
从github克隆下来的vue-element-admin项目后，有时install时会报各种异常导致下载失败，故上传此完整依赖包以便各位使用
vue3-element-admin:vue-element-admin的vue3版本
03-08
English ||| 由...赞助 活动服务销售平台客户消息直达工作群介绍是用于管理界面的可... 如果要使用旧版本，可以将分支切换到 ，它不依赖于vue-cli 该项目不支持低版本的浏览器（例如IE）。 请自行添加polyfill。准备
vue-element-admin:vue-element-admin
04-29
fork by element admin克隆项目git clone安装依赖npm install建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=配置配置后端支持，config文件夹 BASE_API 都...
bootstrap-nodejs:Bootstrap-NodeJS 是一个简单的示例项目，可以轻松开始第一个带有路由、多数据库连接、日志和邮件的 NodeJS 项目
07-09
[NodeJS 引导程序] NodeJS Bootstrap 是一个示例项目，可以轻松开始第一个带有路由、多数据库连接、日志和邮件的 NodeJS 项目。 模块 用于记录器服务的 bunyan 数据库服务的续集（使用 node-mysql） 用于邮件服务的 nodemailer（带有 nodemailer-smtp-transport） rekuire 为简单的要求 路由器 要添加路由，请使用您的操作方法在 /libs/router/router.js 中的“_route”JSON 中添加一个键 配置 要配置您的项目，请修改 /config/constant.json 配置数据库 为每个数据库配置添加一个键，如 "test" : { "host" : "localhost" , "port" : 8889 , "username
node_modules.7z "node-sass": "^4.13.1",
03-29
解决 node-sass 报错安装失败的bug 这个直接下载好的可以拿到项目中直接替换node_modules包然后在下载其他组件 npm i 看到了就是缘分可以看 https://blog.csdn.net/weixin_43365995/article/details/105182974 博客去解决问题。但是淘宝镜像和npm下载node-sass会下载不上有点坑要多试几次，嫌麻烦的可以直接拿去用
【谷粒学院项目开发15】node.js入门
taroriceball的博客
12-10 214
运行java需要安装jdk环境 node.js是JavaScript的运行环境。不需要浏览器，直接用node.js运行JavaScript代码。 node.js还能模拟服务器效果，比如tomcat。 1.安装node.js 官网：https://nodejs.org/zh-cn/ 安装成功！ 2.使用node.js执行JavaScript代码 2.1创建一个js文件 2.2找到文件路径，用cmd打开 2.3输入命令 node js文件名，查看效果 3.使用node.js模拟服务器 3.1新建一个js
【项目】小帽学堂（四）
柠檬小帽的博客 - 计算机全栈体系
01-18 513
前端技术 搭建项目前端页面环境
P68搭建项目前端页面环境(谷粒学院)
m0_51115099的博客
12-03 277
P68搭建项目前端页面环境(谷粒学院)
谷粒学院项目报错无法安装node-sass问题
qq_33830918的博客
08-07 238
问题解决
Vue前端npm编译报错问题总结
Rick Dong
01-07 3039
npm编译报错
node-sass@4.13.1 postinstall: `node scripts/build.js`
m0_53912016的博客
06-25 5096
方法1 https://blog.csdn.net/shine_a/article/details/103133384 方法2 https://www.cnblogs.com/zhangzhijian/p/9690002.html
vue-admin-template-master安装问题
造未来
11-24 1916
一开始使用的是谷粒学院老师提供的vue模板安装包，但是一直安装失败，部分依赖无法安装。最后从官方地址https://github.com/PanJiaChen/vue-admin-templatehttps://github.com/PanJiaChen/vue-admin-template 下载了最新版本，然后运行 ： npm install 最后得以安装成功！！！且通过如下命令能正确打开登录页面： npm run dev ...
vue-element-admin安装教程
06-28
### 回答1： Vue-element-admin是一个基于Vue.js和Element UI的后台管理系统解决方案。以下是安装Vue-element-admin的步骤： 1. 安装Node.js和npm 在安装Vue-element-admin之前，您需要先安装Node.js和npm。您可以从官方网站下载并安装Node.js和npm。 2. 克隆Vue-element-admin仓库 您可以通过以下命令从GitHub上克隆Vue-element-admin仓库： git clone https://github.com/PanJiaChen/vue-element-admin.git 3. 安装依赖 进入Vue-element-admin目录，并运行以下命令安装依赖： cd vue-element-admin npm install 4. 运行项目 运行以下命令启动Vue-element-admin项目： npm run dev 5. 访问项目 在浏览器中访问http://localhost:9528即可查看Vue-element-admin项目。 以上就是Vue-element-admin的安装教程。希望对您有所帮助。 ### 回答2： Vue-Element-Admin是一个基于Vue.js的开源后台管理系统模板。它提供了一个丰富的UI界面，可以帮助开发人员快速搭建基于Vue.js的后台应用。本教程将为你介绍如何安装Vue-Element-Admin。 1.安装Node.js 首先需要安装Node.js，以便使用npm（Node Package Manager）来安装Vue-Element-Admin。你可以到Node.js官网下载安装包，官网地址：https://nodejs.org/。 2.安装Vue CLI 在Node.js安装好之后，我们需要安装Vue CLI（Vue Command Line Interface）。Vue CLI是一个用于快速搭建Vue.js项目的命令行工具。在命令行中输入以下命令进行安装： npm install -g @vue/cli 3.创建Vue-Element-Admin项目 安装好Vue CLI之后，我们可以使用它来创建Vue-Element-Admin项目。输入以下命令： vue create vue-element-admin 这个命令将会创建一个名为“vue-element-admin”的Vue项目。 4.安装Vue-Element-Admin 现在我们已经创建好了Vue项目，需要在这个项目中安装Vue-Element-Admin。在命令行中切换到项目目录，并输入以下命令： npm install vue-element-admin 这个命令将安装Vue-Element-Admin及其所有依赖项。 5.运行Vue-Element-Admin项目 在安装完成之后，输入以下命令运行Vue-Element-Admin项目： npm run serve 这个命令将会运行Vue-Element-Admin，并在浏览器中打开它。你可以在浏览器中进行应用的预览、开发和测试。 至此，你已经成功安装好了Vue-Element-Admin，并可以开始使用它来开发后台应用。希望这个教程能让你顺利地开始Vue-Element-Admin的学习之旅。 ### 回答3： Vue-Element-Admin是一个基于Vue.js和Element UI的管理系统模板。它的设计遵循了最佳实践，为您提供丰富的功能和易于使用的界面。 以下是Vue-Element-Admin的安装教程： 1. 安装Node.js和Vue-cli 确保您的计算机上已安装Node.js和Vue-cli。如果您尚未安装这些软件，请先下载和安装它们。 2. 创建一个新的Vue项目 使用Vue-cli创建一个新的Vue项目： ``` vue create my-admin ``` 运行上面的命令后，您将被引导选择安装哪些功能。选择“Manually select features”，然后选择“Babel”和“Router”。 3. 安装vue-element-admin 使用npm安装vue-element-admin： ``` npm install vue-element-admin ``` 安装完成后，您可以在项目文件夹`src`中找到新安装的vue-element-admin文件。 4. 配置vue-element-admin 要使用vue-element-admin，您需要将其配置到您的Vue项目中。 在`src/main.js`文件中，添加以下内容： ``` import Vue from 'vue' import App from './App.vue' import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import './styles/index.scss' import VueFetch, { $fetch } from './plugins/fetch' Vue.config.productionTip = false Vue.use(ElementUI) Vue.use(VueFetch) new Vue({ router, render: h => h(App), }).$mount('#app') ``` 上面的代码导入了Vue、App、router、Element UI和VueFetch。它还将Element UI和VueFetch添加为Vue插件，并将Vue实例化。 在`src/router/index.js`文件中，导入vue-element-admin的路由： ``` import Vue from 'vue' import Router from 'vue-router' import Layout from '@/layout' Vue.use(Router) export const constantRoutes = [ { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path: '/', component: Layout, redirect: '/dashboard', children: [ { path: 'dashboard', component: () => import('@/views/dashboard/index'), name: 'Dashboard', meta: { title: 'Dashboard', icon: 'dashboard', affix: true } } ] } ] const createRouter = () => new Router({ // mode: 'history', // require service support scrollBehavior: () => ({ y: 0 }), routes: constantRoutes }) const router = createRouter() export default router ``` 在上面的代码中，布局文件是`src/layout/index.vue`，登录页面文件是`src/views/login/index.vue`，仪表盘页面文件是`src/views/dashboard/index.vue`。 5. 运行您的Vue项目 现在，您可以运行Vue项目： ``` npm run serve ``` 此时您的管理系统模板已经可以访问了，您可以通过以下链接在浏览器中打开它： ``` http://localhost:8080 ``` 到此，Vue-Element-Admin的安装就完成了。您可以查看其文档并根据需要进行进一步配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值