angular2+webpack的搭建过程遇到的问题记录
最近在由于公司的项目要重构,Superiors要求将原先的Ionic1+angular1+gulp用全新的Ionic2+angular2+webpack重构。苦逼的Google了好久,环境搭建还是不太理想,碍于项目的进度,所以将就着用,现在刚好稍微有点时间,就想先搭一个angular2+webpack的环境来试试看;
一、开发环境
node:6.9.1 +,
npm:3.10.8 +,
IDE:VS Code
二、前述废话
要想学习angular2最可靠的途径,就是看angular2的官方文档,官方文档里面的内容应有尽有;所以,Go!
https://angular.cn/docs/ts/latest/guide/webpack.html
(当然这个是搭建环境文章,怎么会直接去入门文档呢!要学angular2自个上https://angular.cn/docs/ts/latest/)
跟着这个教程,从头到尾的敲。
三、问题记录
首先遇到第一个问题:
npm install的时候安装一个叫做 “phantomjs-prebuilt” 的插件时可能会因为网速的问题,超时~
这个问题。Easy。当然是重复安装啊。
npm install phantomjs-prebuilt;
第二个问题,
在你把一切准备好,满怀希望地敲着npm start运行时,可能会报出一个错误
TypeError: Cannot read property 'exclude' of undefined at XXX
不虚不虚,Google一下,在github上面貌似有很多人都是这个问题,这个时候我们看看从angular2官网copy下来的 package.json 文件里面的 "typescript" 的安装版本
是^2.0.3的,估计是太老了吧!立马更新这个typescript的版本啦~~
npm install typescript@2.0.10 Nice~搞定;
我看了一下github上面也还有人是2.1.x版的也是这个错误。所以我要提醒一下各位爱敲码的骚年们。更新归更新,也不要太新。矜持点。
第三个问题,
在你把第二个问题解决掉,又重新满怀希望地敲着npm start运行时,可能会报出很多个重复的错误
Cannot find name 'Promise'.
别急别急,这个问题貌似是es6什么鬼垫片什么鬼引起的,我也不太清楚,毕竟英文渣到不行。
但是问题还是得解决啊
npm install @types/es6-shim
往你的console敲进去吧。等待读条完毕安装成功后,就可以的啦~
这些就是我在跟着angular2官方的webpack文档搭建时遇到的问题,分享出来,希望可以帮到大家~
各位看官,如有问题,别留情,用力赐教~
仅是赐教而已~别想歪。手动滑稽~
angular2+webpack的搭建过程遇到的问题记录的更多相关文章
- Angular2 + Webpack项目搭建Demo
本文将从头开始编写实际的代码来完成一个angular2的demo. 题外话是其实angular2官网的快速开始项目已经很酷炫了,但其侧重快速二字,只够拿来练习玩耍,倒是github上确实已经有了一些不 ...
- (三) Angular2项目框架搭建心得
前言: 在哪看到过angular程序员被React程序员鄙视,略显尴尬,确实Angular挺值得被调侃的,在1.*版本存在的几个性能问题,性能优化的"潜规则"贼多,以及从1.*到2 ...
- 基于VUE,VUX组件开发的网易新闻页面搭建过程
根据妙味课堂上的一个教程练习总结,供自己复习用 一.功能介绍 一个网易新闻客户端的浏览页面,通过网易新闻的api接口实时获取新闻数据,用vux搭建样式框架,以轮播图,文字滚动,图文列表等形式把内容展示 ...
- 使用Yarn+Webpack+Babel6搭建React.js环境
使用Yarn+Webpack+Babel6搭建React.js环境 Facebook开源的React.js已经改变了世人对前端UI的思考方式.这种基于组件方式的优势之一,就是使View更加的简单,因为 ...
- React + webpack 快速搭建开发环境
因网上大多React + webpack快速搭建的运行不起来,便自行写了一个.在搭建开发环境的前需安装nodejs,npm. 新建一个工作目录,比如叫reactdome,在reactdome目录中运行 ...
- webpack 环境搭建
Webpack环境搭建 一.安装node 1.node官网下载node并安装----node里面内置了npm所以用在安装npm了 2.命令行输入node -v查看node是否安装成功 二.全局安装we ...
- Maven多模块,Dubbo分布式服务框架,SpringMVC,前后端分离项目,基础搭建,搭建过程出现的问题
现互联网公司后端架构常用到Spring+SpringMVC+MyBatis,通过Maven来构建.通过学习,我已经掌握了基本的搭建过程,写下基础文章为而后的深入学习奠定基础. 首先说一下这篇文章的主要 ...
- Access应用笔记<四>-一个完整的自动化报表搭建过程
距离之前的三篇日志已经很久啦,今天终于完成了一个比较完整的自动化报表搭建过程 基于公司数据保密原则,样板就不放到网上来了,简单说一下背景: 这次access实现的功能包括: 1)为部门整体搭建了一个员 ...
- iOS---XMPP环境搭建过程
什么是即时通信? 即时通信是目前Internet上最为流行的通讯方式, 各种各样的即时通讯软件也层出不穷, 服务提供商也提供了越来越枫木的通讯服务功能. 即时通讯有多重实现方式, XMPP就是其中一种 ...
随机推荐
- PYTHON ASP FRAMEWORK
Python 融于ASP框架 一.ASP的平反 想到ASP 很多人会说 “asp语言很蛋疼,不能面向对象,功能单一,很多东西实现不了” 等等诸如此类. 以上说法都是错误的,其一ASp不是一种语言是 ...
- Android编程心得-在任意类中获取当前屏幕宽高
进行Android编程时,很多时候都需要获取当前屏幕的宽度与高度,但是当我们需要在别的类中调用屏幕宽高时,直接用原来的方法是不行的,下面我来介绍如何在任意类中调用宽度高度的两种方法. public v ...
- ETHREAD APC
ETHREAD APC <寒江独钓>内核学习笔记(4) 继续学习windows 中和线程有关系的数据结构: ETHREAD.KTHREAD.TEB 1. 相关阅读材料 <window ...
- vijos1004 博弈论
一道挺简单的博弈论题 感觉自己也没有很规范的学过博弈论吧,就是偶尔刷到博弈论的题目,感受一下推导的过程,大概能领悟些什么 我们设2001.11.4必败,推上去,即2001.10.4和2001.11.3 ...
- 常用oracle语句-------------------------------------------》(笔记)
Orale常用语句 1:查询指定表名的字段 select * from sys.user_tab_columns where table_name=表名 //查询指定表名的字段 2: 查询数据库参 ...
- CSS3:三个矩形,一个宽200px,其余宽相等且自适应满铺
某公司面试题:下图绿色区域的宽度为100%,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等.使用CSS3中的功能实现它们的布局. 这里要用到的CSS3特性box-flex ...
- Django 源码小剖: 初探 WSGI
Django 源码小剖: 初探 WSGI python 作为一种脚本语言, 已经逐渐大量用于 web 后台开发中, 而基于 python 的 web 应用程序框架也越来越多, Bottle, Djan ...
- easyui datagrid自定义操作列
通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar, 这样我们选择一行 ...
- Alfred工具
神兵利器——Alfred 有人的地方就有江湖,有江湖就有纷争. 很多人说我的文字风格相对轻松和温和,那是因为我很早就认识到,我们没有教育脑残和喷子的义务.在网际多年,看过太多虚拟的刀锋和鲜血,很多人被 ...
- C# 与 C++强强联合--C#中的指针
C# 与 C++强强联合--C#中的指针 非常的不好意思,距离上次随笔C# 与 C++强强联合已经过去快1个月了.承诺大家的C#指针和A*算法迟迟未上.为表歉意献上美女一枚 哈哈.流口水了吧 话归正题 ...