vue3.x安装过程中报错

安装vue 3.x ,输入npm install -g @vue/cli 后报错如下:

npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! syscall access
npm ERR! path /usr/local/lib/node_modules
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/local/lib/node_modules'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/matthewpan/.npm/_logs/2020-06-30T06_41_26_197Z-debug.log

请问是什么原因,如何解决啊

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

vue ...扩展符报错,求救~~

build [== ] 10%> Starting dev server... Build completed in 16.045s ERROR Failed to compile with 10 errors 18:08:13 error in ./src/App.vue Syntax Error: Unexpected token (18:4) 16 | name: 'app', 17 | computed: { > 18 | ...mapState({ | ^ 19 | route: state => state.route, 20 | path: state => state.route.path, 21 | deviceready: state => state.app.deviceready, @ ./src/App.vue 7:2-145 @ ./src/main.js @ multi ./build/dev-client ./src/main.js

webpack4.0中引入app.vue出现报错

**webpack4.0中引入app.vue出现报错** 我正在学vue.js实战,但是这本书事两年前写的,书中的vue配置有些已经不能用了, 我在配置完webpack.config.js后创建了个app.vue,然后就报错了,百度过,没找到合适的答案,请问各位大佬有遇到过吗。求解答,谢谢,下面是报错截图,以及webpack.config.js的截图,谢谢 ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602107_212983.png) ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602131_486744.png) **webpack.config.js:** var path = require('path'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var config = { entry : { main : './main' }, output : { path : path.join(__dirname, './dist'), publicPath : '/dist/', filename : 'main.js' }, module: { rules: [ { test: /\.vue$/, loader : 'vue-loader', options : { loaders : { css : ExtractTextPlugin.extract({ use : 'css-loader', fallback : 'vue-style-loader' }) } } }, { test : /\.js$/, loader : 'babel-loader', exclude : /node_modules/ }, { test : /\.css$/, use : ExtractTextPlugin.extract({ use : 'css-loader', fallback : 'style-loader' }) } ] }, plugins : [ //重命名提取后的css文件 new ExtractTextPlugin("main.css") ] }; module.exports = config; **package.json:** { "name": "vuedemo04", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --host 192.168.0.114 --port 8888 --open --config webpack.config.js" }, "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.6.0", "@babel/plugin-proposal-class-properties": "^7.5.5", "@babel/plugin-transform-runtime": "^7.6.0", "@babel/preset-env": "^7.6.0", "@babel/runtime": "^7.6.0", "babel": "^6.23.0", "babel-core": "^6.26.3", "babel-loader": "^8.0.6", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.7.0", "babel-preset-es2015": "^6.24.1", "babel-runtime": "^6.26.0", "css-loader": "^3.2.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "style-loader": "^1.0.0", "vue-hot-reload-api": "^2.3.3", "vue-loader": "^15.7.1", "vue-style-loader": "^4.1.2", "vue-template-compiler": "^2.6.10", "webpack": "^4.39.3", "webpack-cli": "^3.3.8", "webpack-dev-server": "^3.8.0" }, "dependencies": { "vue": "^2.6.10" } } **main.js:** import Vue from 'vue'; import App from './app.vue'; new Vue({ el:'#app', render : h => h(App) }); **app.vue:** ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602350_668161.png) **style.css:** ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602435_444026.png) **index.html:** ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602485_888515.png) **vue项目结构:**

vue引入ts main.ts报错

vue引入ts main.ts报错: unused expression, expected an assignment or function call ``` import Vue from 'vue' import App from '@/App.vue' import router from '@/router/index.ts' new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) ``` npm run dev 运行后 ``` WARNING Compiled with 1 warnings 11:16:22 AM warning in ./src/main.ts [8, 1]: unused expression, expected an assignment or function call ```

在vue项目中,在入口主文件index.js中引入less样式文件报错

引入方式如下:![图片说明](https://img-ask.csdn.net/upload/201804/26/1524749855_572114.png) 报错说明如下:![图片说明](https://img-ask.csdn.net/upload/201804/26/1524750046_435848.png) 参考了其他问题的回答,说是需要在build文件下的webpack.base.conf.js中加上 ``` { test: /\.less$/, loader: "style-loader!css-loader!less-loader" }, ``` 可是并没有解决,一样报错,求大神帮忙解决,非常感谢!

vue.js 打包完成后 打开index.html页面空白并且报错

程序用npm run build打包好后 直接打开dist/index.html 页面一片空白 并且有报错 求大神解答 ![图片说明](https://img-ask.csdn.net/upload/201709/05/1504593826_89430.jpg)

在Vue中引入ueditor时,加入ueditor.parse.min.js报错

我在Vue中引入ueditor时,不加入ueditor.parse.min.js时是好的,但是引入ueditor.parse.min.js后,会报![图片说明](https://img-ask.csdn.net/upload/201807/04/1530694358_567644.png) ``` import './static/UE/ueditor.config.js' import './static/UE/ueditor.all.min.js' import './static/UE/lang/zh-cn/zh-cn.js' **import './static/UE/ueditor.parse.min.js'** ```

vscode创建vue文件,第一行就报错

请问有大佬知道这是什么问题吗?创建vue文件,只要顶部一写template就有有这样的问题,虽然能正常运行,但是这个问题还是想解决,请问有大佬知道的吗 ![图片说明](https://img-ask.csdn.net/upload/201904/26/1556245625_997404.png) 图二 ![图片说明](https://img-ask.csdn.net/upload/201904/26/1556246223_866337.png)

vue进行串口通信引入serialport包报错

vue项目引入serialport依赖,之后启动项目报错 ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564477330_103293.jpg) 本地运行单独的js没有出现问题

刚开始接触vuex,login.vue文件中this.$store.state.token,总是报错——无法解析$store

我想实现一个登录功能,在login.vue文件下面 ``` if (this.$store.state.token) { that.$router.push('/'); console.log(this.$store.state.token); } else { that.$router.replace('/login'); } ``` 这里的this.$store一直提示无法解析,可我该引入的都引入了呀,实在不知道为什么会出这种错误,望各位大神帮帮我 store.js文件 ``` import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { token: localStorage.getItem('token') ? localStorage.getItem('token') : '', //token }; export default new Vuex.Store({ state, getters: { getStorage(state) { if (!state.token) { state.token = JSON.parse(localStorage.getItem(key)); } return state.token } }, mutations: { setToken(state, token) { state.token = token.value; localStorage.setItem("token", token.token); }, deleteToken(state) { state.token = ""; localStorage.removeItem("token") } } }) ``` main.js ``` import store from './store'; ////////////////// //中间代码省略了 ///////////////// new Vue({ el: '#app', store, router: router, render: h => h(App) }); ``` login.vue ``` import {mapMutations} from 'vuex'; export default { name: "login", data: function () { return { loginText: '用户登录', account: '', password: '', value: '', single: false }; }, methods: { ...mapMutations(['setToken']), doLogin: function () { $('#userinfo .error-note').removeClass('error-note-show'); var user = {}; user.username = this.account; user.password = this.password; const that = this; $.ajax({ url: "http://localhost:9090/auth/login", type: "POST", contentType: "application/json", dataType: "text", data: JSON.stringify(user), success: function (data, status, xhr) { var token = xhr.getResponseHeader("token"); that.setToken({token: token}); that.$router.push({path: "/"}); var storage = window.localStorage; console.log(storage.getItem("token")); if (this.$store.state.token) { that.$router.push('/'); console.log(this.$store.state.token); } else { that.$router.replace('/login'); } }, error: function (res) { console.log("返回格式错误" + res); } });} }, }, }; ```

vue引入js报错无法使用

最近在开发一个vue项目,我在网上找了一个webpack打包好的HTML的模板, 然后将页面分成多个组件,分别在vue中实现,但是在引入js时出现了问题,我吧js文件放在了assets下,引入时一直报错这个js中有文件找不到,这个js主要是监听一些DOM元素,动态添加一些样式,还有各种事件的监听,并没有定义一些调用的函数。我试过把js单独部署在tomcat中然后再vue项目index.html中以链接的方式引入就可以正常使用,就是不能zaivue项目中存放、编译、使用

为了兼容ie11在webpack+babel打包vue.js后发现报错"ReferenceError: “i”未定义"

# 问题:使用webpack+babel打包es6=>es5,运行打包后的项目报错"ReferenceError: “i”未定义",页面空白,babel-polyfill已经引入。 > !!!!但是,在Chrome中可以正常运行不报错说明应该不是代码问题,那就应该还是打包的问题吧,请大佬指点指点!!!!!!! ## 报错 ![图片说明](https://img-ask.csdn.net/upload/202003/25/1585127424_793749.png) ## webpack配置 ![图片说明](https://img-ask.csdn.net/upload/202003/25/1585127512_299443.png) ## babelrc配置 ![图片说明](https://img-ask.csdn.net/upload/202003/25/1585127556_341536.png) ## 代码中引入方式 **第一张图的vue引入报错,第二张图居然没报错** ![图片说明](https://img-ask.csdn.net/upload/202003/25/1585127790_813223.png) ![图片说明](https://img-ask.csdn.net/upload/202003/25/1585127996_673220.jpg) **** > 菜鸡在此,请各位赐教

vue cli3中跨域及vue.config.js配置问题

求各位大神帮忙看看 我这个报错怎么解决: ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564453052_649237.png) 为什么这里地址还是http://localhost:8080的地址 | | | | 下面是我代码: | | | vue.config.js的配置: ``` devServer: { proxy: { '/api': { target: 'http://sandbox.starpos.com.cn/', changeOrigin: true,//设置是否跨域 ws:true, } } } ``` 这是我的请求: ``` getIndustry(){ this.$http.get("/emercapp").then(res=>{ console.log(res); if(res.status=200){ return res.data }else{ return error } }).then(data=>{ console.log(data) }) } ```

新建的vue项目中main.js产生了一个逗号报错的原因是什么?

![图片说明](https://img-ask.csdn.net/upload/201910/17/1571275006_718967.png) 这是直接create的vue项目,居然产生了一个逗号报错 手动去除这个逗号后即可成功运行。 请问为什么这里会自动添加了一个报错的逗号?

# 安装vue-cli 安装总是报错

命令行 npm install -g vue-cli ![图片说明](https://img-ask.csdn.net/upload/201711/30/1512033861_696299.png)

VUE vue.config.js 配置 代理不生效

求助 使用VUE +axios 配置 跨域问题的时侯 vue.config.js 不生效 <br/> vue.config.js 文件<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589773253_87964.png) <br/> main.js 文件<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589772845_808542.png) <br/> 请求:<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589772896_587765.png) <br/> 结果<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589773390_574023.png) <br/> 它还是报了一个错误,而且 代理设置并没有生效 求助 ...如何让它生效 使代理正常..........

vue-cli创建项目引入iconfont报错

![图片说明](https://img-ask.csdn.net/upload/201711/29/1511949465_606907.png) vue-cli创建项目引入iconfont报错请问这是怎么回事???

vue引入jq和bootstrap报错

![图片说明](https://img-ask.csdn.net/upload/201705/24/1495609655_762039.jpg) jq是通过cnpm直接安装的,packjson里有"jQuery": "^1.7.4", 我在webpack.base.conf.js中写了如下: var webpack=require('webpack'); module.exports中写了 plugins:[ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery" }) ] 和 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'assets':path.resolve(__dirname,'../src/assets'), 'jquery': 'jquery' } }, main.js中引入了 import $ from 'jquery'; import './assets/css/bootstrap.min.css'; import './assets/css/bootstrap-theme.min.css'; import './assets/js/bootstrap.min'; bootstrap文件 也放在了assets中的css和js中。。但是还是报错。。 求大神解惑

vue2.x的axios跨域访问资源问题

代码如下 ``` this.$axios({ headers: { "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" }, method: "POST", url: "http://crm.tonyliangli.cn/api/company/companyUsers", data: { token: "1511328705UZVQ" } }) .then(function(res) { console.log(res); }) .catch(function(err) { console.log(err); }); ``` 加上headers之后传递不过去参数 不加报错: Failed to load http://crm.tonyliangli.cn/api/company/companyUsers: Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. 这是什么原因啊 来大神解答下

vue-validator表单验证,一直报错无法解决,请高手给指点一下?

错误信息是 [Web浏览器] "Uncaught ReferenceError: module is not defined" https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.min.js (1) [Web浏览器] "TypeError: Cannot read property 'required' of undefined" /HelloHBuilder/js/vue.min.js (6) 下面是源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <validator name="validation"> <form novalidate> ID: <input type="text" id="sname" v-validate:sname="['required']"><br /> <div> <span v-if="$validation.sname.required">必填</span> </div> </form> </validator> </div> <script type="text/javascript"> new Vue({ el: '#app' }); </script> </body> </html>

Vue初学者问题:webstorm里js报错

``` <template> <div> <h1>{{msg}}</h1> </div> </template> <script> export default { name: 'NewHello', data (){ return { msg:'Hello World' } } } </script> <style scoped> </style> ``` ![图片说明](https://img-ask.csdn.net/upload/201810/05/1538708820_247693.png) 请问我的vue模板里js区域是什么原因出错啊?我初学Vue,不懂,我的IDE是webstorm,配置支持了ES6的。 ![图片说明](https://img-ask.csdn.net/upload/201810/05/1538708959_868947.png)

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问