当启动vue项目安装依赖时报错的解决方案

目录
  • 启动vue项目安装依赖报错
    • 暂时想到四个原因
  • vue必备安装依赖
    • 1.elementUI
    • 2.安装sass
    • 3.安装axios
    • 4.安装vuex
    • 5.安装js-cookie

启动vue项目安装依赖报错

当启动vue项目安装依赖时报错

暂时想到四个原因

1.node版本低，升级到新版本

2.执行npm cache clean，再重新npm install

3.如果是下载依赖包失败的话，可以使用cnpm淘宝镜像下载，或者yarn下载安装

4.报错一般都会有错误提示，根据错误提示进行操作

vue必备安装依赖

1.elementUI

npm i element-ui -S

main.js中引用

/*引入下面三行*/
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

2.安装sass

npm install sass-loader node-sass --save-dev

在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
    test: /.sass$/,
    loaders: ['style', 'css', 'sass']
}

如果报错：node-sass 6.0.0版本与^4.0.0不兼容（Node Sass version 6.0.0 is incompatible with^4.0.0）

先卸载之前版本的node-sass

npm uninstall node-sass
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install node-sass@4.14.1

3.安装axios

npm install axios -S

4.安装vuex

npm install vuex --save   或者  cnpm install vuex --save

5.安装js-cookie

npm install js-cookie --save

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • vue安装遇到的5个报错及解决方法

    前言 这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题 5个报错 ①:若使用vue -V查询是否安装vue时提示没有找到指令,可能是你没有安装vue-cli脚手架(vue-cli可快速创建vue项目)          ②:vue安装淘宝镜像时报错,提示无效的配置,必须是完整合法的http地址,原因是我在url前面加了1个空格,这里不要有空格 注:安装淘宝镜像后,需要用到npm的地方都可以用cnpm替换,但建议安装模块和插件用cnpm,打包和启动vue用npm (cnpm是国

  • vue踩坑记-在项目中安装依赖模块npm install报错

    在维护别人的项目的时候,在项目文件夹中安装npm install模块的时候,报错如下: npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall access npm ERR! enoent ENOENT: no such file or directory, access 'D:\ShopApp\nod

  • 解决vue项目运行npm run serve报错的问题

    先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 :%SystemRoot%\system32;一定要注意分号, 然后在path环境中配置C:\Windows\System32 最后去项目安装依赖 npm i 运行项目 npm run serve 如果这样子项目还是报同样的错误,那么就把node全局卸载,去控制面板卸载,然后安装,最后安装依赖,运行项目就可以成功了 补充知识:vue

  • 当启动vue项目安装依赖时报错的解决方案

    目录 启动vue项目安装依赖报错 暂时想到四个原因 vue必备安装依赖 1.elementUI 2.安装sass 3.安装axios 4.安装vuex 5.安装js-cookie 启动vue项目安装依赖报错 当启动vue项目安装依赖时报错 暂时想到四个原因 1.node版本低,升级到新版本 2.执行npm cache clean,再重新npm install 3.如果是下载依赖包失败的话,可以使用cnpm淘宝镜像下载,或者yarn下载安装 4.报错一般都会有错误提示,根据错误提示进行操作 vue

  • 详解VSCode配置启动Vue项目

    详解VSCode配置启动Vue项目

    下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后,点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展,这里要安装两个插件. 1.vetur插件的安装 该插件是vue文件基本语法的高亮插件,在插件窗口中输入vetur点击安装插件就行,装好后点击文件->首选项->设置 打开设置界面,在设置界面右侧添加配置 "emmet.syntaxProfiles": { "vue-html": "html", "

  • M1 pro芯片启动Vue项目的方法步骤

    M1 pro芯片启动Vue项目的方法步骤

    目录 引言 安装Homebrew 安装nvm 安装Node 安装结束 引言 双十一剁手,买了m1 pro的MacBook Pro,所有环境需要重新搭一遍,后端项目比较容易,装个idea就可以启动,前端vue真的是不太通,所以研究了一下,搭建环境并启动vue. 安装Homebrew homebrew是mac本很好的管理软件安装的工具,所以拿到mac本的第一时间我就安装了homebrew,由于网络原因很有可能安装失败,用下面的命令可以使用国内镜像,安装速度比较快. /bin/zsh -c "$(cu

  • vue项目检测依赖包是否有使用的问题

    vue项目检测依赖包是否有使用的问题

    目录 vue项目检测依赖包是否有使用 vue项目安全依赖包时各种报错问题 vue项目检测依赖包是否有使用 vue项目检测 依赖包是否有使用,缩减打包后体积 Depcheck npm地址 https://www.npmjs.com/package/depcheck Depcheck可以识别JavaScript文件中的依赖项 安装: npm install -g depcheck 在当前目录打开cmd,运行depcheck /g/my/project (要检测的项目路径) $> depcheck  

  • springboot中pom.xml文件注入test测试依赖时报错的解决

    springboot中pom.xml文件注入test测试依赖时报错的解决

    目录 pom.xml文件注入test测试依赖时报错 分析原因 解决方法 springboot中pom.xml之间的依赖 依赖关系 所用到的技术 talkischeap,详见配置文件 pom.xml文件注入test测试依赖时报错 报错:Failed to read artifact descriptor for org.springframework.boot:spring-boot-starter-test:jar:2.0.4.RELEASE 分析原因 有可能是默认版本太高 解决方法 降低版本

  • 解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题

    最近打算开始研究一下机器学习,今天在windows上装tensorflow花了点功夫,其实前面的步骤不难,只要依次装好python3.5,numpy,tensorflow就行了,有一点要注意的是目前只有python3.5能装tensorflow,最新版的python3.6都不行. 装好tensorflow后,我建议大家不要直接用测试用例进行测试(如果没装好的话出现的错误一般都是:module 'tensorflow' has no attribute 'constant').第一次测试时可以在p

  • Tomcat启动springboot项目war包报错：启动子级时出错的问题

    今天公司springboot项目准备部署到测试服务器上进行测试,打包好war后放到tomcat里面启动后,前端文件能访问到,但是接口请求一直是404,一直找了很久的原因,tomcat启动是成功的,war打包的时候也提示build success了,tomcat启动日志发现报错: java.lang.IllegalStateException: 启动子级时出错   at org.apache.catalina.core.ContainerBase.addChildInternal(Containe

  • 解决Vue项目中tff报错的问题

    在webpack.config.js中的模块配置中加如下的配置规则: {test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, use: "url-loader"} const path = require('path'); const htmlWebpackplugin = require('html-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); modu

  • 在终端启动Python时报错的解决方案

    最近,在终端启动Python时,报了一个错误: Failed calling sys.__interactivehook__ Traceback (most recent call last): File "d:\ProgramData\Anaconda3\lib\site.py", line 439, in register_readline readline.read_history_file(history) File "d:\ProgramData\Anaconda3

  • 详解Maven项目Dependencies常见报错及解决方案

    个人最近项目中所遇到的问题,记录下便自己和同样遇到问题的小伙伴提供一个参考. 通常Maven里报红波浪线的常见问题 ①可能是子工程没有继承父工程 注意父工程中有中对应的module: <groupId>com.fred.parent</groupId> <artifactId>mall</artifactId> <version>1.0-SNAPSHOT</version> <modules> <module>

随机推荐