1. 程式人生 > >《Angular之Error in ./node_modules/[ema

《Angular之Error in ./node_modules/[ema

前言:

   Angular是一個開箱即用的框架沒問題,但同時此框架所依賴的包在不停地變換中,雖然此框架的容錯性很好,然而某些依賴包的版本相容問題還是會不定期出現。這不,2018年1月14日突然有人告訴出現問題了,如圖所示:


怎麼辦呢?解決唄

正文:

問題暴露環境

       出現此問題是在伺服器上首先暴露出來的,其次大家從SVN上全新down程式碼,重新下載依賴包會出現此問題,之前本地一直執行的是沒有問題的。從差異入手,找出問題根源。

解決思路

       思路一:根據SVN提交記錄,確定組內兩名成員做了修改,進行提交,通過溝通和他們的確認,問題貌似不在他們那裡。

       思路二:根據錯誤資訊提示,依賴包css-loader和postcss-loader版本問題,通過比對可執行依賴包與最新下載無差別。

       思路三:根據錯誤資訊提示,看到是CSS的問題,試圖根據提示資訊,將css檔案引入一些相關項先刪除,錯誤依舊存在

       思路四:自己不行,上網搜尋,現在國內網站搜尋,根據錯誤比對嘗試了幾種方案,錯誤依舊在,真是不離不棄啊。

       思路五:進軍國外網站,畢竟Angualr目前的應用態勢要廣泛於國內,通過搜尋,第一種方案嘗試,失敗,第二種方案沒想到就迎來了春天,問題解決了。

解決方案

       巨人的肩膀:https://github.com/angular/angular-cli/issues/8781#issuecomment-355226128

       結合實際情況,以下是問題解決方案:

問題定位

   腳手架@angular/cli版本過高問題,腳手架1.6.4版本應用在ng4的專案上會有問題,本身@angular/cli進軍1.6的版本後,應該是與ng5專案相匹配的,原先為了提供效能,ng4的專案使用ng5的腳手架,繼而可能會暴露一些問題。

  解決方案步驟

如果你本地沒有執行了cnpm install,這個命令,解決此問題需執行:

       1.專案負責人將package.json中@angluar/cli的引入去掉。

       2.組員從SVN上拉取最新程式碼後,依次執行:

       <1>cnpm install

       <2>cnpm install

[email protected]

       <3>cnpm install @angular/[email protected]

       至此,問題迎刃而解。

如果你本地已經執行了cnpm install,這個命令,解決此問題只需執行為:

     cnpm i @angular/[email protected]  --save-dev

     以下步驟同樣可以解決問題,原理是一樣的,只不過這是之前按照自己的思路解決問題的步驟,大家直接執行上一句命令即刻,如果未解決問題,也可按照如下問題方式解決。

      <1>rimraf node_modules,如果本地沒有rimraf,請在自己電腦安裝:cnpm install rimraf -g

     <2>然後自行將package.json包裡的@angluar/cli引入刪除

     <3>cnpm install

     <4>cnpm install [email protected]

     <5>cnpm install @angular/[email protected]

     專案可以運行了:


結語:

        問題並不可怕,可貴在於理解原理,將問題解決。

相關推薦

AngularError in ./node_modules/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2a754959590746454b4e4f586a1a0418120412">[ema

前言:    Angular是一個開箱即用的框架沒問題,但同時此框架所依賴的包在不停地變換中,雖然此框架的容錯性很好,然而某些依賴包的版本相容問題還是會不定期出現。這不,2018年1月14日突然有人告

[leetcode]215. Kth Largest Element in an <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="67261515061e272d061106">[email 

Find the kth largest element in an unsorted array. Note that it is the kth largest element in the sor

git push 時報錯 error: failed to push some refs to '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a3c4cad7e3dbdbdbdbdbdb">[ema

原因:這是一個新建的一個倉庫,提交到github時,沒有 pull下來,導致 github中的README.md檔案不在原生代碼目錄中 $ git push -u origin master To github.com:Houttuyniae/notes.git ! [

Error in configuration: context was not found for specified context: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b4dfc1d6

使用 kind (kubernetes in docker) 工具部署多叢集,切換集群后執行 kubectl 出現如下問題: Error in configuration: context was not found for specified context: [emai

啟動hbase後,出現ERROR [<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7a4b4f49484b4d4d4a4c493a0b0e0a574f4d494b4a4842424b5748">[em

2018-11-07 09:28:54,771 INFO [master:16000.activeMasterManager] util.FSUtils: Waiting for dfs to exit safe mode... 2018-11-07 09:29:04,783 INFO [mas

【原創】叢集搭建報“Error unable to connect to nodes ['<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="96e4f7f4f4ffe2d6e4fbe7bbf8a7

在rabbitmq叢集搭建時,將rmq-n2和rmq-n3兩節點加入rmq-n1時,報如下錯: 解決辦法: rabbitmq叢集是基於erlang叢集的,而erlang叢集中各節點間的通訊是通過4369埠和25672埠來進行通訊的, 所以:防火牆開啟4369埠和25672埠&nbs

[Visual Studio C++] [MFC 除錯錯誤]:error LNK2019: 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c09f9fa9adb09f9fb4a9a

1.編譯問題描述:  error LNK2019: 無法解析的外部符號 [email protected],該符號在函式 "public: unsigned int __thiscall CMultimediatimerDlg::CreateTimer(void)" ([em

mfcs100ud.lib(dllmodul.obj) : error LNK2005: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="da859eb6b697bbb3b49aebe8">[email

今天用VC2010寫一個用了MFC的規則DLL,編譯時報告如題錯誤。 必應後發現這篇文章  error LNK2005: [email protected] 已經在 MSVCRTD.lib(dllmain.obj) 中定義   http://wangl

VS2015 error LNK2019 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="19464e70775478707759282f">[email protecte

前言 上一篇文章中,為了編譯OpenCV的示例程式碼,然後搭建環境, 最後想直接執行示例demo,我在建立新工程的時候,直接建立了一個win32視窗專案,然後環境配置完成後,將opencv 的示例程式碼kalman.cpp直接匯入到新建的vs工程中進行編譯,直接報錯: 錯誤 LN

error LNK2019: 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="702f031f131b1504304142">[email protected]a>,該

Reason: 學習使用socket,在stdafx.h檔案加了#include ,編譯 #include "stdafx.h" #include   using namespace std;   int _tmain(int argc

opencv error: undefined reference to `<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e7b3aea1a1b5828683a38e9582849388959ea7a

ubuntu16.04,在make opencv3.4.0 的時候,出現以下錯誤 解決方法: 參考:https://blog.csdn.net/wangchuansnnu/article/details/44241199  在 cmake 時,新增 cmake -D

Error:Attribute <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="731203031f1a1012071a1c1d331a101c1d">[email protected]a

今天在匯入一個emoji的控制元件的時候提示Error:(14, 9) Attribute [email protected] value=(@drawable/ic_launcher) from AndroidManifest.xml:14:9 百度了一下,這是一個編譯的

踩坑路<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b19c9c9cf1e3d4c0c4d4c2c5f3ded5c8">[email protected]a>傳物件

在postmen上使用@RequestBody傳物件,接受不到引數。 報錯: { “timestamp”: 1542330043448, “status”: 400, “error”: “Bad Request”, “exception”: “org.springframework.ht

Bug(九) —— error LNK 2019 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="58070731352807072c31353d1f3d2c0c31353d1868

錯誤顯示: error LNK 2019 無法解析的外部符號 [email protected],該符號在函式 "public: virtual void __thiscall ViewWidget::paintEvent(class QPaintEvent*)"

rabbitMQ報錯;解決方案Error: unable to connect to node <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="77051615151e03371b1814161b1f1

錯誤內容如下: 首先     # /sbin/service rabbitmq-server stop     # /sbin/service rabbitmq-server start     # rabbitmqctl status 執行上面內容 如果沒有出現剛才出現

【C++】error LNK2019: 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a6f9f1cfc8ebc7cfc8e69790">[email protected

原因:c語言執行時找不到適當的程式入口函式 解決:對於控制檯應用程式 1.選單中選擇 Project->Properties, 彈出Property Pages視窗 2.在左邊欄中依次選擇:Configuration Properties->C/C++->

MSVCRTD.lib(crtexew.obj) : error LNK2019: 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e1beb6888fac80888fa1d0d7"

一,問題描述 MSVCRTD.lib(crtexew.obj) : error LNK2019: 無法解析的外部符號 [email protected],該符號在函式 ___tmainCRTStartup 中被引用 Debug\jk.exe : fa

<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0c5b637e674c4d60656e6d6e6d">[email protected]a> 阿里巴巴的企業應用構建

作為一個擁有數萬名員工的企業,阿里巴巴的企業資訊化是怎麼做的? 在上週的雲棲大會上,來自阿里巴巴資訊平臺的資深技術專家葉建輝為大家揭開了謎底。 阿里員工是怎麼工作的? 可以通過阿里巴巴這三個案例瞭解: 人臉門禁。今年雲棲大會的人臉識別門禁,就來自於阿里巴巴資訊平臺

<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="12457d607952537e7b70737073">[email protected]a> 阿里巴巴的企業應用構建

摘要: 作為一個擁有數萬名員工的企業阿里巴巴的企業資訊化是怎麼做的 在上週的雲棲大會上來自阿里巴巴資訊平臺的資深技術專家葉建輝為大家揭開了謎底。     阿里員工是怎麼工作的?   可以通過阿里巴巴這三個案例瞭解   人臉門禁。 作為一個擁有數萬名員工的企業,阿里巴巴的企業

[Visual Studio C++] [MFC 除錯錯誤]:error LNK2019: 無法解析的外部符號 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8ed1d1e7e3fed1d1fae7e

1.編譯問題描述:錯誤    3    error LNK2019: 無法解析的外部符號 [email protected],該符號在函式 "public: unsigned int __thiscall CMultimediatimerDlg::CreateTim