最近因為需要開發(fā)一個前后端分離的應(yīng)用，一看angular6出來了，就立馬想要用用看，所以立馬確立了angular6+ng-zorro-antd的前端，但是在使用中發(fā)現(xiàn)，我沒法引入相應(yīng)的樣式，看我的引入沒有任何問題，通過1個多小時的查找資料，百度，分析，找出了這個坑。如下，現(xiàn)在項目也完成了也就來記錄一下，希望有跟我一樣問題的小伙伴可以免去一些麻煩。

海口ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

https://github.com/angular/angular-cli/issues/10430

上面的鏈接是講angular-cli 6.0的一些問題，包括了我這個問題，內(nèi)容可以進(jìn)入查看，便于理解。

1.angular6改變
        .angular-cli.json 變成 angular.json
        若干由根目錄文件轉(zhuǎn)移至 src 目錄中

        ./karma.js 放入 src
        package.json 的 browserslist 節(jié)點轉(zhuǎn)換成 ./src/browserslist 文件形式

        e2e 目錄變化
        ./protractor.conf.js 放入 e2e
        e2e 目錄增加 src 目錄且將文件轉(zhuǎn)移至該目錄中，且注意相關(guān)路徑
        目錄文件結(jié)構(gòu)變化并不是很大，也很好理解，可以自行對照。或者去查看angular6的版本說明。

2.ng-zorro是否支持angular6？
    http://ng.ant.design/docs/introduce/zh
    查看最新版本說明，是支持angular^6.0.0。

3.如何解決該問題
        a.如果不需要定制主題
            直接把a(bǔ)ngular.json文件中添加zorro的樣式文件如下代碼：
            "styles": ["node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css"]

        b.如果需要定制主題
            因為受限與https://github.com/angular/angular-cli/issues/10430的問題
            所以我們必須將less降級
            #npm i --save less@~2.7.0

            當(dāng)依然遇到無法找到 ng-zorro-antd.less 文件時，相當(dāng)程度是 less 路徑因素，
            主要包括：
                                使用 cnpm 安裝依賴包，其軟鏈接破壞了實質(zhì)的包路徑，使用 npm 或 yarn。
                                ~@ng-zorro-antd 替換成 node_modules/ng-zorro-antd。

    備注：在確定好一個項目搭建框架之前，先要做好調(diào)研工作，不能一味追求最新版本，這樣成本會很大的，如果問題越早發(fā)現(xiàn)了還好，能夠及時的評估和解決，若是做到中途或者后面快結(jié)束發(fā)現(xiàn)就會很蛋疼。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁題目：Angular6下使用ng-zorro-antd框架的坑-創(chuàng)新互聯(lián)
標(biāo)題URL：http://m.rwnh.cn/article10/ddocdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站策劃、商城網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站營銷、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)