现象如下图:
但是确认已经安装好了
有遇到类似的情况的还请解答
以下是header.vue的代码
<template>
<div class="header">
我是个header
</div>
</template>
<script type="text/ecmascript-6">
export default{
}
</script>
<style lang="stylus">
</style>
现象如下图:
但是确认已经安装好了
有遇到类似的情况的还请解答
以下是header.vue的代码
<template>
<div class="header">
我是个header
</div>
</template>
<script type="text/ecmascript-6">
export default{
}
</script>
<style lang="stylus">
</style>
看不出来是什么问题,不过安装时的选项是 --save-dev,中间不要加空格
能贴代码别贴图啊,即使是错误代码,也不要贴图,根本看不清楚
另外,把 header.vue 文件贴出来看一下
检查一下有没有安装 stylus、stylus-loader 开发依赖,如果没有,请使用如下命令安装:
npm install stylus-loader stylus --save-dev
我也出过这样的问题,原因是scss没有经过配置,就使用了,解决方式为
在文件目录中执行npm install node-sass sass-loader --save
在webpack.base.config.js 中添加规则
{
test: /\.scss$/,
use: [{
loader: "style-loader"
}, {
loader: "css-loader", options: {
sourceMap: true
}
}, {
loader: "sass-loader", options: {
sourceMap: true
}
}]
}
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
webpack配置错了,铁定的。