多方查閱
排除了沒有less 和less-loader的可能
這個問題定位應該是webpack關於less-loader的配置默認值是不合適的
需要添加新的配置進去
但是Vue-CLI3沒有將2.x時的webpack.base.conf.js文件暴露在項目目錄中
而是通過創建vue.config.js並添加自定義配置項在裏面 最終在run serve或run build的時候 檢測該js文件並將配置項通過merge合並進去 的方式實現配置項的修改
在Vue-cli2.x的時候 給loader加配置項是方式是這樣的
{ loader: 'less-loader', options: { javascriptEnabled: true } }
在Vue-Cli3.0中需要這樣寫vue.config.js
module.exports = {
css: {
loaderOptions: { // 向 CSS 相關的 loader 傳遞選項
less: {
javascriptEnabled: true
}
}
}
}
這個時候重啓項目
npm run serve
是不是就不再報這個錯誤了?