vue-cli的坑，loader重復(fù)的鍋 Invalid CSS after "...lo

scola666 發(fā)布于2019-08-30 13:56 / 2115人閱讀

摘要：在使用是可能會(huì)添加，例如然而當(dāng)使用腳手架創(chuàng)建項(xiàng)目時(shí)，可能出現(xiàn)如下錯(cuò)誤這是重復(fù)導(dǎo)致的，在中的中已經(jīng)返回相關(guān)了，這兩行解決方案很簡(jiǎn)單就是自己不要加樣式相關(guān)的了或者自己添加樣式的但要注釋掉這兩行，當(dāng)然如果你用的是就注釋掉對(duì)應(yīng)的行就可以了。

在使用scss是可能會(huì)添加loader，例如

  {
    test: /.scss$/,
    use: ["style-loader", "css-loader", "sass-loader"],
  }

然而當(dāng)使用vue-cli腳手架創(chuàng)建項(xiàng)目時(shí)，可能出現(xiàn)如下錯(cuò)誤：

Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
in G:......................srccomponentscommoncss
eset.scss (line 1, column 1)

這是loader重復(fù)導(dǎo)致的，在build/utils.js中的exports.cssLoaders中已經(jīng)返回相關(guān)loader了，

  // 這兩行：
  sass: generateLoaders("sass", { indentedSyntax: true }),
  scss: generateLoaders("sass"),

解決方案很簡(jiǎn)單：

就是自己不要加樣式相關(guān)的loader了；
或者自己添加樣式的loader但要注釋掉這兩行，當(dāng)然如果你用的是less就注釋掉對(duì)應(yīng)的行就可以了。

云服務(wù)器 GPU云服務(wù)器 css-loader vue-cli invalid vue-cli3

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115645.html

相關(guān)文章

關(guān)于vue-cli 全局引入less變量，*.vue文件不在需要引入解決方案

摘要：一直接用創(chuàng)建的項(xiàng)目，你應(yīng)該使用此命令會(huì)提示你可以選擇安裝，選擇使用你需要的相關(guān)也行以上未成功可手動(dòng)添加一下包項(xiàng)目根目錄新建配置全局變量，后期項(xiàng)目不在需要每個(gè)文件引入變量這里是你的定義的全局變量一、直接用vue-cli 創(chuàng)建的項(xiàng)目，你應(yīng)該使用 1、vue add style-resources-loader 此命令會(huì)提示你可以選擇安裝less ，選擇使用你需要的相關(guān)css也行 2...

CoffeX 2019-08-30 15:44 評(píng)論0 收藏0
關(guān)于vue-cli 全局引入less變量，*.vue文件不在需要引入解決方案

摘要：一直接用創(chuàng)建的項(xiàng)目，你應(yīng)該使用此命令會(huì)提示你可以選擇安裝，選擇使用你需要的相關(guān)也行以上未成功可手動(dòng)添加一下包項(xiàng)目根目錄新建配置全局變量，后期項(xiàng)目不在需要每個(gè)文件引入變量這里是你的定義的全局變量一、直接用vue-cli 創(chuàng)建的項(xiàng)目，你應(yīng)該使用 1、vue add style-resources-loader 此命令會(huì)提示你可以選擇安裝less ，選擇使用你需要的相關(guān)css也行 2...

idisfkj 2019-08-26 10:31 評(píng)論0 收藏0
從0到1使用VUE-CLI3開(kāi)發(fā)實(shí)戰(zhàn)(六)：這是一個(gè)有代碼潔癖的項(xiàng)目

摘要：從到使用開(kāi)發(fā)實(shí)戰(zhàn)六這是一個(gè)有代碼潔癖的項(xiàng)目一個(gè)小故事一天我路過(guò)一座橋，碰巧看見(jiàn)一個(gè)人想跳河自殺。配置什么是是一個(gè)開(kāi)源的代碼檢查工具，由于年月創(chuàng)建。使用編寫(xiě)，這樣既可以有一個(gè)快速的運(yùn)行環(huán)境的同時(shí)也便于安裝。從0到1使用VUE-CLI3開(kāi)發(fā)實(shí)戰(zhàn)(六)：這是一個(gè)有代碼潔癖的項(xiàng)目一個(gè)小故事一天我路過(guò)一座橋，碰巧看見(jiàn)一個(gè)人想跳河自殺。我跑過(guò)去對(duì)他大喊道：別跳，別死啊。為什么不讓我跳？他說(shuō)。...

genefy 2019-08-26 13:28 評(píng)論0 收藏0
一張圖教你快速玩轉(zhuǎn)vue-cli3

摘要：前言本文系統(tǒng)的梳理了搭建項(xiàng)目的常見(jiàn)用法，目的在于讓你快速掌握獨(dú)立搭建項(xiàng)目的能力。思維導(dǎo)圖接下來(lái)，我們根據(jù)思維導(dǎo)圖，一步步來(lái)解釋和實(shí)現(xiàn)我們的目標(biāo)。這確保了最終包里數(shù)量的最小化。但是如果其中一個(gè)依賴需要特殊的，默認(rèn)情況下無(wú)法將其檢測(cè)出來(lái)。前言本文系統(tǒng)的梳理了vue-cli3搭建項(xiàng)目的常見(jiàn)用法，目的在于讓你快速掌握獨(dú)立搭建vue項(xiàng)目的能力。你將會(huì)了解如下知識(shí)點(diǎn)：如何安裝項(xiàng)目插件添加...

chaosx110 2019-08-26 10:12 評(píng)論0 收藏0
【敲黑板】手把手教你vue-cli單頁(yè)到多頁(yè)應(yīng)用

摘要：到多頁(yè)應(yīng)用前言我有一個(gè)創(chuàng)建的項(xiàng)目，但是我想做成多頁(yè)應(yīng)用，怎么辦，廢話不多說(shuō)，直接開(kāi)擼約定新增代碼部分在和中間刪除注釋代碼部分在和中間，很多東西都寫(xiě)在注釋里第一步一個(gè)項(xiàng)目新建一個(gè)項(xiàng)目官網(wǎng)默認(rèn)使用的服務(wù)，這個(gè)服務(wù)是做不了單頁(yè)的，需要手動(dòng)建一 vue-cli到多頁(yè)應(yīng)用前言：我有一個(gè)cli創(chuàng)建的vue項(xiàng)目，但是我想做成多頁(yè)應(yīng)用，怎么辦，廢話不多說(shuō)，直接開(kāi)擼~ 約定：新增代碼部分在//add和...

DC_er 2019-08-26 11:56 評(píng)論0 收藏0