不能在角2組件

使用SASS風格根據this blog，我想寫我的組件這樣。不能在角2組件

@Component({ 
    selector: "navbar", 
    template: require("./navbar.html"), 
    styleUrls: ["./navbar.sass"] 
})

我收到錯誤消息是404上的文件navbar.sass（它位於同一目錄中navbar.ts）以及這一個（我不明白並且不知道該怎麼辦）。

未處理的承諾拒絕：未能加載navbar.sass;區域：;任務：Promise.then;值：未能加載navbar.sass undefined

我在我的Webpack配置文件中定義了以下加載器。

loaders: [ 
    { test: /\.png$/, loader: "raw-loader", include: [resources] }, 
    { test: /\.sass$/, loader: "sass-loader" }, 
    { test: /\.html$/, loader: "raw-loader", include: [application] }, 
    { test: /\.ts$/, loader: "ts-loader", include: [application] }, 
]

這些是我的裝載機從軟件包列表中。

「節點薩斯」：「^ 4.5.0」，
「原始裝載機」：「^ 0.5.1」，
「SASS裝載機」：「^ 5.0.1」，
「TS-裝載機」：「^ 2.0.0」，...

編輯

更詳盡的錯誤信息如下。

./source/application/navigation/navbar.sass
模塊解析失敗：C：\ Webular2 \ node_modules \青菜裝載機\ LIB \ loader.js！C：\ Webular2 \ source \ application \ navigation \ navbar.sass意外標記（1：4）您可能需要一個合適的加載器來處理此文件類型。 | div { |背景：＃dd00ff; | border：1px solid＃ff9900; } @ ./source/application/navigation/navbar.ts 37：17-41 @ ./source/application/app.module.ts @ ./source/application/main.ts @ multi（webpack） - DEV-服務器/客戶端？ http://localhost:3002 ./source/application/main.ts

來源

2017-02-12 Konrad Viltersten

嘗試嵌入風格：

@Component({ 
    selector: "navbar", 
    template: require("./navbar.html"), 
    styles: [require("./navbar.sass")] 
})

來源

2017-02-12 15:46:21 kemsky

我得到這個，而不是現在：'模塊解析failed'。但是，我還可以在錯誤消息中看到SASS文件已被轉換爲CSS。我是否需要其他裝載機或其他東西？ –

應該有關於這個錯誤的更多細節。 – kemsky

請參閱編輯。我把它貼出來。本來我打算避免淹沒文本問題。我的錯。 –

不能在角2組件

回答

相關問題