<tfoot id="bit1y"></tfoot>
<thead id="bit1y"></thead>
課程
/前端開發(fā)
/前端工具
/webpack深入與實戰(zhàn)
為什么解析不了common.css文件
2017-02-20
源自：webpack深入與實戰(zhàn) 4-4
正在回答
報錯信息上有一個unexpected toked
野生前端菜鳥 提問者
qbaty
野生前端菜鳥 提問者 回復(fù) qbaty
yyZuo 回復(fù) 野生前端菜鳥 提問者
你的冒號是英文冒號嗎？
這樣寫就解決了：
module: {
? ?rules: [
? ? ? ? ?{
? ? ? ? ? ?test: /\.css$/,
? ? ? ? ? ?use: [
? ? ? ? ? ? ?// [style-loader](/loaders/style-loader)
? ? ? ? ? ? ?{ loader: 'style-loader' },
? ? ? ? ? ? ?// [css-loader](/loaders/css-loader)
? ? ? ? ? ? ?{
? ? ? ? ? ? ? ?loader: 'css-loader',
? ? ? ? ? ? ? ?options: {
? ? ? ? ? ? ? ? ?modules: true
? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?},
? ? ? ? ? ? ?
? ? ? ? ? ?]
? ? ? ? ?}
? ? ? ?]
?}
?module: {
??一模一樣的問題，糾結(jié)了好久，也去官網(wǎng)看了好幾遍css-loader的，就是找不出什么原因?
為什么我webpack打包成功，cmd不報錯，但是css樣式卻不起左右？瀏覽器提示Failed to load resource: net::ERR_FILE_NOT_FOUND
代碼如下：
const path=require('path');
module.exports={
entry:"./src/js/main.js",
output:{
?path:path.resolve(__dirname,"dist"),
?filename:"bundle.js"
},
module:{
rules:[
? ? {test:/\.css$/,use:['style-loader','css-loader']}
]
}
項目結(jié)構(gòu)如下：
cmd打包運(yùn)行成功：
瀏覽器提示
Arey_jy
test: /\.css$/ ?不能加單引號
慕粉2125093636
我是在app.js中import 'style-loader!css-loader!./css/common.css';這樣引用才沒有報錯了，同問，請問是什么問題啊
遇到了同樣的問題，老師的演示是 webpack 1.0，你的是 2.0，要使用新的語法：
module.exports = {
? ?rules: [? ? ?{? ? ? ?test: /\.css$/,? ? ? ?use: [ 'style-loader', 'css-loader' ]? ? ?}? ?]?}}
這種錯誤，一般都是字符打錯
舉報
webpack實戰(zhàn)教程，用真實項目帶你探索 webpack 強(qiáng)大的功能
1 回答css-loader 和style-loader下載安裝的問題
2 回答安裝css-loader和style-loader 遇到的問題
1 回答style-loader，css-loader打包CSS報錯
2 回答css-loader 安裝問題 求解
1 回答求大佬們幫解決一下 style-loader!css-loader
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-02-20
報錯信息上有一個unexpected toked
2017-02-21
你的冒號是英文冒號嗎？
2021-03-25
這樣寫就解決了：
module: {
? ?rules: [
? ? ? ? ?{
? ? ? ? ? ?test: /\.css$/,
? ? ? ? ? ?use: [
? ? ? ? ? ? ?// [style-loader](/loaders/style-loader)
? ? ? ? ? ? ?{ loader: 'style-loader' },
? ? ? ? ? ? ?// [css-loader](/loaders/css-loader)
? ? ? ? ? ? ?{
? ? ? ? ? ? ? ?loader: 'css-loader',
? ? ? ? ? ? ? ?options: {
? ? ? ? ? ? ? ? ?modules: true
? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?},
? ? ? ? ? ? ?
? ? ? ? ? ?]
? ? ? ? ?}
? ? ? ?]
?}
2021-03-25
?module: {
? ?rules: [
? ? ? ? ?{
? ? ? ? ? ?test: /\.css$/,
? ? ? ? ? ?use: [
? ? ? ? ? ? ?// [style-loader](/loaders/style-loader)
? ? ? ? ? ? ?{ loader: 'style-loader' },
? ? ? ? ? ? ?// [css-loader](/loaders/css-loader)
? ? ? ? ? ? ?{
? ? ? ? ? ? ? ?loader: 'css-loader',
? ? ? ? ? ? ? ?options: {
? ? ? ? ? ? ? ? ?modules: true
? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?},
? ? ? ? ? ? ?
? ? ? ? ? ?]
? ? ? ? ?}
? ? ? ?]
?}
2019-10-30
??一模一樣的問題，糾結(jié)了好久，也去官網(wǎng)看了好幾遍css-loader的，就是找不出什么原因?
2017-10-04
為什么我webpack打包成功，cmd不報錯，但是css樣式卻不起左右？瀏覽器提示Failed to load resource: net::ERR_FILE_NOT_FOUND
代碼如下：
const path=require('path');
module.exports={
entry:"./src/js/main.js",
output:{
?path:path.resolve(__dirname,"dist"),
?filename:"bundle.js"
},
module:{
rules:[
? ? {test:/\.css$/,use:['style-loader','css-loader']}
]
}
}
項目結(jié)構(gòu)如下：
cmd打包運(yùn)行成功：
瀏覽器提示
2017-06-09
test: /\.css$/ ?不能加單引號
2017-06-02
我是在app.js中import 'style-loader!css-loader!./css/common.css';這樣引用才沒有報錯了，同問，請問是什么問題啊
2017-03-20
遇到了同樣的問題，老師的演示是 webpack 1.0，你的是 2.0，要使用新的語法：
module.exports = {
?module: {
? ?rules: [
? ? ?{
? ? ? ?test: /\.css$/,
? ? ? ?use: [ 'style-loader', 'css-loader' ]
? ? ?}
? ?]
?}}
2017-03-10
這種錯誤，一般都是字符打錯