在app.vue中import less文件，请问为什么会报这种错

Question

<style lang="less">
@import "./assets/less/base.less";
</style>

这是app.vue的页面，我npm run dev会报如下错误（我把import注释掉就不会报错，）

 error  in ./src/App.vue

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .main {
|   width: 100px;
|   height: 100px;

 @ ./node_modules/vue-style-loader!./node_modules/less-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-300 13:3-17:5 14:22-308
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8082 webpack/hot/dev-server ./src/main.js

Answer 1

检查一下你有没有安装 less 和 less-loader