美文网首页
使用npm常见的报错处理

使用npm常见的报错处理

作者: 每一句话 | 来源:发表于2016-10-12 14:02 被阅读0次

(1)更换npm为淘宝的源(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org

(2)项目运行的时候;8080端口不要被被占用;因为一个8080端口只能用于一个地方;

(3)报错----ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\?

想要作为引用关系的js组件文件不要随便放到一个di

(4)在使用Ant Design组件库的时候st文件里面;一定要放到component文件夹中;

import { Form, Input, Select, Checkbox, DatePicker, Col, Radio, Button, Modal, message } from 'antd'

const FormItem = Form.Item

如上面的import里面并不需要加载Form.Item组件;只需要加载Form即可;

(5)如果要引入包中的某个文件;可以直接使用相对路径如

'antd/dist/antd.css'

(6) 在主文件main.js中

App组件用来书写路由;

Sider组件用来写Link即链接单页面;并且一般如 Link 组件后面不要加 :nbsp;

(7)import ReactDOM from 'react-dom'

(8) 动画的实现

第1步:现在文件头部加入这个  var ReactCSSTransitionGroup =require('react-addons-css-transition-group');

或  var ReactCSSTransitionGrop=React.addons.ReactCSSTransitionGrop;

第2步: 在要有动画的元素中加入此标签

transitionName代表动画的名称;

第3步:写css样式;

.example-enter        ---》过程先变成这里的样式

.example-enter-active  ---》最终变到这里的样式

.example-leave        ---》这里的样式就是example-enter-active类的样式;所有这里一般不需要加样式;只要加transition即可;设置移除样式的时间;

.example-leave-active  ---》移除元素的过程变成这个样式

.example-enter {

opacity: 0;

font-size: 32px;

color:red;

transition: all 1s ease-in;

}

.example-enter.example-enter-active {

opacity: 1;

font-size: 12px;

}

.example-leave {

transition: all 1s ease-in;

color:red;

}

.example-leave.example-leave-active {

font-size: 32px;

opacity: 0;

color:red;

}

(9)获取数组;操作数组

var bvaue="sdf";

1:往数组中添加元素

1:var newItems = this.state.items;

newItems.push(bvaue); this.state.item---->[1,2,3,4];;newItems--->arr对象;

2:var newItems = this.state.items.push(bvaue);----》这里拿到的是length值(错误做法);

2:删除数组中的元素

var newItems = this.state.items;

newItems.splice(i, 1);

this.setState({items: newItems});

(3)such file ---------->找不到这样或那样的文件;在编辑器从新选择文件夹里面最里面的项目文件

npm i node_module -save-dev自动更新devDependencies字段值(开发依赖包)

* npm i node_module -save自动更新dependencies字段值(发布依赖包)

*

相关文章

  • 使用npm常见的报错处理

    (1)更换npm为淘宝的源(淘宝镜像) npm install -g cnpm --registry=https:...

  • npm全局安装gulp报错解决

    近日使用npm全局安装gulp时出现报错 1. npm报错,提示创建'/home/work'目录,我们打开npm的...

  • npm报错

    之前在使用npm的时候,出现过一个问题,不管我使用npm下载插件,还是用npm运行项目(vue),都会报错 报错内...

  • npm login 报错

    npm 登录报错npm login报错 cdoe E409 原因,由于使用淘宝npm,导致登录失误,因为登录的是淘...

  • ionic2: npm ERR! 404 Registry re

    拨号插件使用npm install 报错 按照官方的方式,肯定会遇到标题所示错误,改插件的作者也一直没有处理 处理...

  • Error while executing: npm ERR!

    在使用npm install安装依赖时报错 Error while executing: npm ERR! D:\...

  • npm安装vue.js

    一、npm 版本查看及升级 注:若npm install 报错 permission denied,使用sudo ...

  • 修复npm安装包时的错误

    错误描述 使用 npm insatll 时报错: ERR! cb() never called 修复 npm c...

  • webpack4.x踩坑记(一)

    使用npm安装webpack报错: Refusing to install package with name "...

  • 2018-07-30 npm link 报错

    今天在使用简化测试中使用npm link报错如下:解决方法是:npm installpuppeteer@1.6.1...

网友评论

      本文标题:使用npm常见的报错处理

      本文链接:https://www.haomeiwen.com/subject/bjjiyttx.html