Vue.js Vue模块未自动应用CSS

我为自己制作了一个Vue模块并发布到NPM，但当我试图通过

NPM I

将此模块安装到另一个项目时，我可以使用该组件，但它不会对我的组件应用CSS

我认为问题在于我在组件中编写样式范围内的所有CSS。我不知道包含CSS的最佳实践是什么。我的风格如此简单：

<style>
.container {
  border: 1px solid #E5E5E5;
  position: relative;
}
.image-container {
    height: 70%;
    width: 100%;
    text-align: center;
    margin-top: 7%;
}
.title-container {
  width: 100%;
  text-align: center; /* optional */
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #F5F5F5;
  border-top: 1px solid #E5E5E5;
  position: absolute;
  bottom: 0;

}
</style>

.集装箱{
边框：1px实心#e5；
位置：相对位置；
}
.图像容器{
身高：70%；
宽度：100%；
文本对齐：居中；
利润率最高：7%；
}
.标题容器{
宽度：100%；
文本对齐：居中；/*可选*/
溢出：隐藏；
文本溢出：省略号；
背景色：#F5；
边框顶部：1px实心#e5；
位置：绝对位置；
底部：0；
}

对于一个库，如果您在包中包含CSS，那么您的用户可能会更方便（也不容易出错），这样用户就不必自己导入CSS了。在Vue CLI中也建议这样做。为此，请在

vue.config.js

中设置：

vue.config.js：

module.exports={
//...
css:{
摘录：真的
}
}

您的样式没有scope属性。您可能想试试。您的组件样式是否显示在DevTools样式列表中，但已被覆盖？@ourmandave No。它未显示up@FirstIndex我也试过了。没用。