2017-09-07 86 views
0

我在流星中使用froala編輯器並作出反應。 Froala編輯器要求您導入css文件。 https://www.froala.com/wysiwyg-editor/docs/framework-plugins/react當我輸入例如從流星中的節點模塊導入css文件

import 'froala-editor/css/froala_style.min.css'; 

的服務器崩潰,並給我一個錯誤

SyntaxError: Unexpected token . 

這似乎是在解析文件,如JavaScript。 我正在使用流星版本1.5.2。 在流星1.5.2中從節點模塊導入css文件的正確方法是什麼?

+0

在反應中導入css文件是完全合法的,但它看起來像導入不期望一個縮小的文件類型 - 即它期望'path/filename.type'而不是'path/filename.something.type'嘗試導入聯合國即使是最小化的文件,無論如何它都會在後期被縮小。 –

+0

我導入了'import'font-awesome/css/font-awesome.css';'例如它給了我同樣的錯誤@MichelFloyd – jalen201

+0

然後路徑可能是問題 - 導入路徑與它們所在的文件有關。這條路徑假設你的js文件在根目錄下,這是不太可能的。 –

回答

3

您可以在主樣式表中使用@import語法來導入css,而不是在組件中執行。

+0

froala編輯器要求我導入CSS。爲了正確渲染組件,我必須導入CSS。 https://www.froala.com/wysiwyg-editor/docs/framework-plugins/react – jalen201

+0

是的,但你不必在同一個文件中導入CSS。您只需確保在組件呈現前導入css。通過將它導入到主樣式表中,您可以將其導入到其他應用程序的CSS中,以便在組件呈現時加載它。 –

+0

,但是有沒有解決這個問題的方法,從流星中的節點模塊導入css文件,而不是繞過它? – jalen201