問題描述嘗試使用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" ] }
- 2 回答
- 0 關注
- 1439 瀏覽
添加回答
舉報
0/150
提交
取消