zoukankan      html  css  js  c++  java
  • 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代理吧,

      npm config set proxy http://ip:port;

    第二个问题,

      在你把一切准备好,满怀希望地敲着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文档搭建时遇到的问题,分享出来,希望可以帮到大家~

    各位看官,如有问题,别留情,用力赐教~

    仅是赐教而已~别想歪。手动滑稽~

  • 相关阅读:
    android学习计划
    Android源码下载及开发环境的搭建
    I2C总线时序
    I2C原理和实例
    sql语句获取字段扩展属性
    浏览器兼容:火狐不支持webq格式图片
    js节流函数中的参数传递
    分享插件使用
    图片等比例自适应填充
    window.event在IE和Firefox的异同
  • 原文地址:https://www.cnblogs.com/czaiz/p/6278191.html
Copyright © 2011-2022 走看看