React報錯:Remove untracked files, stash or commit any changes, and try again.--------以及配置.less

想在react項目中通過.less文件進行樣式定義,先暴露webpack配置文件,命令行即:yarn eject npm run eject,結果報了一個以前沒有出現過的錯誤:Remove untracked files, stash or commit any changes, and try again.如下圖:

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

查了下資料,發現是git地址的問題,輸入下面命令行就行了

git add .
git commit -am "Save before ejecting"
npm run eject

命令結束後出現Ejected successfully!即暴露webpack配置文件成功。

暴露配置文件後發現並沒有和網上資料上說的有webpack.config.dev.js和webpack.config.prod.js這兩個配置文件,我自己暴露文件後,就只有webpack.config.js,所以網上有些配置.less有的方法不適合自己,然後只能想啊想,試啊試,後來添加了一段代碼就行了,如下:

{
    test: sassModuleRegex,
    use: getStyleLoaders(
        {
            importLoaders: 2,
            sourceMap: isEnvProduction && shouldUseSourceMap,
            modules: true,
            getLocalIdent: getCSSModuleLocalIdent,
        },
        'sass-loader'
    )
},

//新增代碼-----------------
{  
    test: /\.less$/,    
    include: /(src)/,
    use: getStyleLoaders(
        {
            importLoaders: 2,
            sourceMap: isEnvProduction && shouldUseSourceMap,
        },
        'less-loader'
    )  
},

對了,我們進行.less文件的前提是安裝了less-loader

上面就是對react錯誤的解決辦法和.less配置的方法啦~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章