加載css文件時vue-cli與webpack崩潰

我無法獲得要導入的簡單css文件。下面是我的步驟重現：加載css文件時vue-cli與webpack崩潰

從命令行：

vue init webpack my-project 
cd my-project/ 
npm install 
npm install css-loader style-loader --save-dev

然後在webpack.base.conf.js：

{ 
    test: /\.css$/, 
    use: [ 'style-loader', 'css-loader' ] 
},

然後，我創建了一個文件的src /資產/風格。 CSS：

body { 
    background-color: aqua; 
}

然後，只需在App.vue import語句如下：

import css from './assets/styles.css'

然後我開始服務器：

npm run dev

，輸出是：

ERROR Failed to compile with 1 errors                                 11:12:51 AM 

error in ./src/assets/styles.css 

Module build failed: Unknown word (5:1) 

    3 | // load the styles 
    4 | var content = require("!!../../node_modules/css-loader/index.js?{\"minimize\":false,\"sourceMap\":false}!./styles.css"); 
> 5 | if(typeof content === 'string') content = [[module.id, content, '']]; 
    |^
    6 | if(content.locals) module.exports = content.locals; 
    7 | // add the styles to the DOM 
    8 | var update = require("!../../node_modules/vue-style-loader/lib/addStylesClient.js")("dfb563ca", content, false); 


@ ./src/assets/styles.css 4:14-172 13:2-17:4 14:20-178 
@ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 
@ ./src/App.vue 
@ ./src/main.js 
@ multi ./build/dev-client ./src/main.js 

> Listening at http://localhost:8080

來源

2017-04-20 Paulie

給https://github.com/vuejs/vue-style-loader試一試也許 –

@DavidL我不認爲他需要'vue-style-loader'。它是https://github.com/vuejs/vue-loader足夠用於'.vue'組件內部的基本樣式導入。順便說一句，這是奇怪的......'vue-cli'應該將'cue'捆綁在'vue'組件外面 – GONG

我同意。我覺得這是一個很常見的用例，我必須忽略自動執行此操作的選項。 – Paulie

所以，問題是在我的CSS文件中一個微不足道的語法錯誤 - CSS文件中工作得很好，當該文件直接使用<link>加載，所以我沒有注意到它。但是，我上面發佈的錯誤消息實際上是誤導性的。

來源

2017-04-27 03:04:52 Paulie

加載css文件時vue-cli與webpack崩潰

回答

相關問題