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

scola666 發布于2019-08-30 13:56 / 2098人閱讀

摘要：在使用是可能會添加，例如然而當使用腳手架創建項目時，可能出現如下錯誤這是重復導致的，在中的中已經返回相關了，這兩行解決方案很簡單就是自己不要加樣式相關的了或者自己添加樣式的但要注釋掉這兩行，當然如果你用的是就注釋掉對應的行就可以了。

在使用scss是可能會添加loader，例如

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

然而當使用vue-cli腳手架創建項目時，可能出現如下錯誤：

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重復導致的，在build/utils.js中的exports.cssLoaders中已經返回相關loader了，

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

解決方案很簡單：

就是自己不要加樣式相關的loader了；
或者自己添加樣式的loader但要注釋掉這兩行，當然如果你用的是less就注釋掉對應的行就可以了。

GPU云服務器云服務器 css-loader vue-cli invalid vue-cli3

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115645.html

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

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

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

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

idisfkj 2019-08-26 10:31 評論0 收藏0
從0到1使用VUE-CLI3開發實戰(六)：這是一個有代碼潔癖的項目

摘要：從到使用開發實戰六這是一個有代碼潔癖的項目一個小故事一天我路過一座橋，碰巧看見一個人想跳河自殺。配置什么是是一個開源的代碼檢查工具，由于年月創建。使用編寫，這樣既可以有一個快速的運行環境的同時也便于安裝。從0到1使用VUE-CLI3開發實戰(六)：這是一個有代碼潔癖的項目一個小故事一天我路過一座橋，碰巧看見一個人想跳河自殺。我跑過去對他大喊道：別跳，別死啊。為什么不讓我跳？他說。...

genefy 2019-08-26 13:28 評論0 收藏0
一張圖教你快速玩轉vue-cli3

摘要：前言本文系統的梳理了搭建項目的常見用法，目的在于讓你快速掌握獨立搭建項目的能力。思維導圖接下來，我們根據思維導圖，一步步來解釋和實現我們的目標。這確保了最終包里數量的最小化。但是如果其中一個依賴需要特殊的，默認情況下無法將其檢測出來。前言本文系統的梳理了vue-cli3搭建項目的常見用法，目的在于讓你快速掌握獨立搭建vue項目的能力。你將會了解如下知識點：如何安裝項目插件添加...

chaosx110 2019-08-26 10:12 評論0 收藏0
【敲黑板】手把手教你vue-cli單頁到多頁應用

摘要：到多頁應用前言我有一個創建的項目，但是我想做成多頁應用，怎么辦，廢話不多說，直接開擼約定新增代碼部分在和中間刪除注釋代碼部分在和中間，很多東西都寫在注釋里第一步一個項目新建一個項目官網默認使用的服務，這個服務是做不了單頁的，需要手動建一 vue-cli到多頁應用前言：我有一個cli創建的vue項目，但是我想做成多頁應用，怎么辦，廢話不多說，直接開擼~ 約定：新增代碼部分在//add和...

DC_er 2019-08-26 11:56 評論0 收藏0