最近在由于公司的项目要重构,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的搭建过程遇到的问题记录的更多相关文章

  1. Angular2 + Webpack项目搭建Demo

    本文将从头开始编写实际的代码来完成一个angular2的demo. 题外话是其实angular2官网的快速开始项目已经很酷炫了,但其侧重快速二字,只够拿来练习玩耍,倒是github上确实已经有了一些不 ...

  2. (三) Angular2项目框架搭建心得

    前言: 在哪看到过angular程序员被React程序员鄙视,略显尴尬,确实Angular挺值得被调侃的,在1.*版本存在的几个性能问题,性能优化的"潜规则"贼多,以及从1.*到2 ...

  3. 基于VUE,VUX组件开发的网易新闻页面搭建过程

    根据妙味课堂上的一个教程练习总结,供自己复习用 一.功能介绍 一个网易新闻客户端的浏览页面,通过网易新闻的api接口实时获取新闻数据,用vux搭建样式框架,以轮播图,文字滚动,图文列表等形式把内容展示 ...

  4. 使用Yarn+Webpack+Babel6搭建React.js环境

    使用Yarn+Webpack+Babel6搭建React.js环境 Facebook开源的React.js已经改变了世人对前端UI的思考方式.这种基于组件方式的优势之一,就是使View更加的简单,因为 ...

  5. React + webpack 快速搭建开发环境

    因网上大多React + webpack快速搭建的运行不起来,便自行写了一个.在搭建开发环境的前需安装nodejs,npm. 新建一个工作目录,比如叫reactdome,在reactdome目录中运行 ...

  6. webpack 环境搭建

    Webpack环境搭建 一.安装node 1.node官网下载node并安装----node里面内置了npm所以用在安装npm了 2.命令行输入node -v查看node是否安装成功 二.全局安装we ...

  7. Maven多模块,Dubbo分布式服务框架,SpringMVC,前后端分离项目,基础搭建,搭建过程出现的问题

    现互联网公司后端架构常用到Spring+SpringMVC+MyBatis,通过Maven来构建.通过学习,我已经掌握了基本的搭建过程,写下基础文章为而后的深入学习奠定基础. 首先说一下这篇文章的主要 ...

  8. Access应用笔记<四>-一个完整的自动化报表搭建过程

    距离之前的三篇日志已经很久啦,今天终于完成了一个比较完整的自动化报表搭建过程 基于公司数据保密原则,样板就不放到网上来了,简单说一下背景: 这次access实现的功能包括: 1)为部门整体搭建了一个员 ...

  9. iOS---XMPP环境搭建过程

    什么是即时通信? 即时通信是目前Internet上最为流行的通讯方式, 各种各样的即时通讯软件也层出不穷, 服务提供商也提供了越来越枫木的通讯服务功能. 即时通讯有多重实现方式, XMPP就是其中一种 ...

随机推荐

  1. 仿async/await(一)and Gulp:新一代前端构建利器

    NET 4.5的async/await真是个神奇的东西,巧妙异常以致我不禁对其实现充满好奇,但一直难以窥探其门径.不意间读了此篇强文<Asynchronous Programming in C# ...

  2. iOS关于应用内分享

    iOS7.0增加了AirDrop功能,可知在未来,手机信息资源的直接分享会越来越重要.而我们在iPhone系统短信点击照片会看到右上角的分享按钮,点击可以弹出一系列的应用菜单,允许用户把这张图片分享到 ...

  3. float的深入剖析

    float的深入剖析   float是什么? float即为浮动,在html中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”.下面解释下这个定义中的几个名词的概念: 文档流 ...

  4. oracle exp、imp实现导出导入

    一.说明    oracle 的exp/imp命令用于实现对数据库的导出/导入操作; exp命令用于把数据从远程数据库服务器导出至本地,生成dmp文件; imp命令用于把本地的数据库dmp文件从本地导 ...

  5. UML在需求分析与系统设计中之实战讲解

    UML在需求分析与系统设计中之实战讲解(完整UML图形演示) 小序: 从学生时代就接触到UML,几年的工作中也没少使用,各种图形的概念.图形的元素和属性,以及图形的画法都不能说不熟悉.但是怎样在实际中 ...

  6. yowsup ( an application to use whatsapp) hack

    yowsup, in python https://github.com/tgalal/yowsup try this: http://hacktracking.blogspot.com.ar/201 ...

  7. excel==>csv==via phpmyadmin (edit php.ini & my.ini)==> MySQL Database

    正如同标题, 标题的顺序是 先从Excel表单,保存为csv文档. 步骤: 1.这个可以用linux下的libra office打开 abc.xls 2.用libra office 将 abc.xls ...

  8. 使用ResourceDictionary管理Logical Resources

    WPF整理-使用ResourceDictionary管理Logical Resources “Logical resources may be of various types, such as br ...

  9. Design Patterns in Smalltalk MVC 在Smalltalk的MVC设计模式

    Design Patterns in Smalltalk    MVC在Smalltalk的MVC设计模式 The Model/View/Controller (MVC) triad ofclasse ...

  10. 2013Esri全球用户大会之互操作和标准

    1:Esri在开源领域做过哪些工作? Esri一直以来就是开源技术的用户和支持者.我们相信,通过提供从上到下的开放平台可使我们的用户成为开发能力强大的解决方案的积极参与者.在现有技术形势下,我们正在将 ...