亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用less-loader編譯less,css-loader報錯

使用less-loader編譯less,css-loader報錯

慕森卡 2019-02-26 18:53:06
問題描述嘗試使用less-loader時報錯,顯示css-loader發生錯誤,顯示沒有找到@babel/preset-env。問題出現的平臺版本及自己嘗試過哪些方法安裝babel-preset-env,在babel的presets中添加env,仍然顯示未找到@babel/preset-env相關代碼// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)// .babelrc{    "plugins": [         [            "transform-runtime",             {                "polyfill": false             }         ]     ],    "presets": [ "env" ] }// webpack.config.jsmodule.exports = {    entry: "./main.js",    mode: "development",    output: {        filename: "bundle.js",        path: path.resolve(__dirname, "./dist")     },    module: {        rules: [             {                test: /\.js$/,                use: ["babel-loader"]             },             {                test: /\.less$/,                use: ["style-loader", "css-loader", "less-loader"]             }         ]     },    devtool: "source-map"};// main.js// 引入lessimport less from "./main.less";
查看完整描述

2 回答

?
月關寶盒

TA貢獻1772條經驗 獲得超5個贊

這是由于babel-preset-env和less-loader版本不匹配的原因,最新版本的less-loader依賴@babel/preset-env而不是babel-preset-env,在使用npm安裝時需要注意;
同時在使用最新的babel-loader時,在使用npm安裝時,應該是以下對應版本:
babel-core對應@babel/core
babel-plugin-transform-runtime對應@babel/plugin-transform-runtime以及@babel/runtime
此時,.babelrc設置是:

{    "plugins": [  "@babel/transform-runtime" ],    "presets": [ "@babel/preset-env" ]
}

模塊安裝參考


查看完整回答
反對 回復 2019-02-26
?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

.babelrc 文件中的需要修改:
"presets": [ "@babel/preset-env" ]

查看完整回答
反對 回復 2019-02-26
  • 2 回答
  • 0 關注
  • 1439 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號