npm

VUE项目npm run serve报了好多个错: ERROR Failed to compile with 123 errors 解决方案

天涯浪子 提交于 2020-11-21 01:17:16
同一个项目(同样的工程),我npm run serve时报错,可另个人不会,说明工程项目木有问题,应该是我的环境有问题。各种百度各种让修改项目文件,我觉得木有必要,要对症下药。 报错内容: ERROR Failed to compile with 123 errors (看这么多报错,吓我一跳) PS D:\VueWorkspace\xxxxx> npm run serve > cc-ui@1.1.5 serve D:\VueWorkspace\xxxxx > vue-cli-service serve INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 123 errors 4:12:14 ├F10: PM┤ These dependencies were not found: * core-js/modules/es.array.concat in ./src/router/index.js * core-js/modules/es.array.every in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node

webpack 兼容低版本浏览器,转换ES6 ES7语法

一笑奈何 提交于 2020-11-20 08:45:09
ES6,ES7真的太棒了,async +await+Promise,让我阅读代码的时候不用再从左拉到右了(异步太多,一层套一层真的太头痛) 但是有个问题,打包后低版本浏览器运行不了,还有我用了一些混淆插件,不能解析es6的语法,导致混淆打包报错。 进入正题:ES6转ES5 1.安装依赖模块 npm install babel-polyfill --save-dev npm install babel-preset-es2015-ie --save-dev npm install babel-preset-env --save-dev npm install babel-preset-stage-2 --save-dev 2.在根目录创建文件 “.babelrc” touch .babelrc 3.在“.babelrc”写入配置 { "presets" : [ [ "env" , { "modules": false , "targets" : { "browsers": ["> 1%", "last 2 versions", "not ie <= 8" ] } }], "stage-2" ], "plugins": ["transform-runtime" ], "env" : { "test" : { "presets": ["env", "stage-2" ],

Vue脚手架使用步骤 2.9.6版本

非 Y 不嫁゛ 提交于 2020-11-20 08:06:56
转载自:https://blog.csdn.net/sky_LQ/article/details/80729547 Vue脚手架使用步骤 2018年06月19日 12:10:35 sky_LQ 阅读数:3444 1、安装webpack 全局安装webpack命令行: npm install webpack -g 2、安装 vue -cli 脚手架 构建工具 全局安装,输入命令行: npm install vue-cli -g 安装完成后执行命令: vue -V 查看版本号,出现相应得版本即为安装成功 3、通过vue-cli,初始化vue项目 通过以上几步,将我们安装脚手架所需要的环境和工具都准备好好了,下面就可以使用vue-cli来初始化项目。 (3.1) : 新建一个mySelf(项目名)文件夹来放置项目, 在新建文件夹的上一级文件夹右键打开命令行工具,输入命令行:vue init webpack mySelf(项目名) 注:项目名不能大写,不能使用中文 解释一下这个命令,这个命令的意思是初始化一个vue项目,其中webpack是构建工具,也就是整个项目是基于webpack的。其中mySelf是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中。 (3.2) : 以下是脚手架安装过程(安装步骤解析在图片下面) vue-cli初始化项目选项配置详细解析 (3.3

解决frontend-maven-plugin不能正常安装node和npm的问题(报错:The parameters 'nodeVersion', 'npmVersion...

♀尐吖头ヾ 提交于 2020-11-20 07:19:39
  第一次写博客,怕看客老爷们嫌啰嗦,直接先贴出我最后的解决方法: 把execution中nodeVersion和npmVersion字段放到插件的全局configuration字段中,再手动运行execution就可以了 一、问题背景   最近在学习spring boot,到了rest那部分后,发现自己并不会前端的内容,没办法进行前后端的集成。在选择了react作为我的前端框架后,又在网上搜索了一下怎么进行前后端集成,并没有找到太明白的方法。最后想着求助一下官方教程,果然找到了spring的一个官方教程指南: React.js and Spring Data REST ,讲解了怎么在工程中集成react。按照它的步骤step-by-step,到了引用frontend-maven-plugin插件的时候出现了问题... 二、问题描述   把教程里贴出来的plugin代码cv到我的pom.xml文件中后,自动下载了C:\Users\{user}\.m2\repository\com\github\eirslett\frontend-xxx等三个文件夹,但是执行install-node-and-npm,npm,webpack的时候却出了问题,报错: The parameters 'nodeVersion', 'npmVersion' for goal com.github

【编程鹿】学Vue.js这一篇就够了「万字学会|通俗易懂」

烈酒焚心 提交于 2020-11-20 01:44:14
vue概述 mvvm模式 M:即Model,模型,包括数据和一些基本操作 V:即View,视图,页面渲染结果 VM:即View-Model,模型与视图间的双向操作(无需开发人员干涉) 在MVVM之前,开发人员从后端获取需要的数据模型,然后要通过DOM操作Model渲染到View中。而后当用户操作视图,我们还需要通过DOM获取View中的数据,然后同步到Model中。 而MVVM中的VM要做的事情就是把DOM操作完全封装起来,开发人员不用再关心Model和View之间是如何互相影响的: 只要我们Model发生了改变,View上自然就会表现出来。 当用户修改了View,Model中的数据也会跟着改变。 把开发人员从繁琐的DOM操作中解放出来,把关注点放在如何操作Model上。 mvvm模式的优势: 低耦合 视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化时Model可以不变,当Model变化时View也可以不变 可重用性 可以把一些视图逻辑放在一个ViewModel里面,让多个View重用这段视图逻辑代码 独立开发 开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。 而我们今天要学习的,就是一款MVVM模式的框架:Vue 快速入门 安装vue 下载安装 下载地址: https:/

React入门 | 雪狼逐,雪狼亡,握刀寻鹿终日忙

怎甘沉沦 提交于 2020-11-19 20:26:48
[TOC] React 了解 React 是一个用于构建用户界面的 JAVASCRIPT库。 React 主要用于构建UI,可以理解为React 是 MVC 中的V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站。 React 拥有较高的性能,代码逻辑较为简单。 React 特点 1.声明式设计 —React采用声明范式,可以轻松描述应用。 2.高效 —React通过对DOM的模拟,最大限度地减少与DOM的交互 3.灵活 —React可以与已知的库或框架很好地配合。 4.JSX —JSX是 JavaScript 语法的扩展。React开发不一定使用 JSX,官方建议使用。 5.组件 —通过React 构建组件,是的代码更加容易得到复用,能够很好的应用在大项目的开发中。 6.单向响应的数据流 —React实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。 快速构建一个React开发环境 1、创建本地文件夹,保存React项目 2、通过控制台输入 npm install -g create-react-app 使用npm安装create-react-app 3、完成上面的步骤之后,输入 create-react-app my-app 来创建一个项目 my-app 是创建出来的React 项目。 4

webpack整理 搭建过程

人盡茶涼 提交于 2020-11-19 12:53:07
webpack 是什么? 打包工具 (静态资源打包工具) webpack 的特点? js依赖进行整合处理 (打包整合) 一些预处理的sass,less可以在环境中进行编译 (转换) 可以对js、html、图片等进行压缩 (优化) webpack的核心? entry 入口文件 // 好比main.js output 出口文件 // 好比dist 打包之后的文件夹 plugin 插件 // 自动生成html文件等插件 loader 转换器 // sass less 转换成我们想要的文件类型 dev-serve 服务器 // 使我们webpack在本地运行 服务 mode 模式 // 可以切换开发环境 和 生成环境 webpack 手动搭建步骤 创建一个文件夹,然后在小黑框进行安装 npm install webpack --save-dev npm install webpack-cli --save-dev 确认 当前环境有没有 webpack -v 在想要成为 打包文件的文件夹中,使用 npm init -y 初始化一个package.json 创建一个src,src下面创建一个index.html ,里面加一个div div随便起一个 id 名字,让引入bundle.js < ! DOCTYPE html > < html lang = "en" > < head > <

官网引用的axios,lodash文件在脚手架中如何使用?

最后都变了- 提交于 2020-11-19 04:57:21
对于官网属性与侦听器模块,所引用的以下文件在脚手架中如何使用? <script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script> 在脚手架中,对于不同的文件安装不同的模块 安装axios模块 npm i axios 设置axios npm install axios 在vue项目的main.js中设置 import axios from 'axios'; Vue.prototype.$axios = axios; 在对应页面中引入axios import axios from "axios"; 安装lodash 模块 npm install lodash 或npm i lodash,后面与axios模块步骤类似 vue 数据(data)赋值问题 vue整合的axios,使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data()中定义的属性,执行后前端报错: 一)将指向vue对象的this赋值给外部方法定义的属性,然后在内部方法中使用该属性 二)使用箭头函数 参考:https:/