Vue.js Can'；t将CSS加载到Vue cli项目中。Mimetype总是html

我使用vue cli创建了一个自定义vue项目。我包括路由器和vuex。我在src/assets/css中有bootstrap.min.css和styles.css/

在my App.vue styles标记中，我使用以下内容：

@导入“./src/assets/css/bootstrap.min.css”； @导入“./src/assets/css/styles.css”

---

当我运行npm serve时，这些文件作为html提供。我感觉我已经尝试了一百万种这种导入路径的变体，但没有任何效果。我把它包装在一个URL中，我在main.js中“需要”了它。什么都不管用

如果您正在从节点_模块中拉取它，这应该可以工作：

@import "~bootstrap/scss/bootstrap";

---

检查我是如何做到的。

我尝试导入main.js文件中的文件，而不是app.vue标记，并注意到“找不到模块…”/assets/img/bg1.jpg“等行中的错误。结果表明，我的styles.css文件中的所有资产路径都需要更正才能正常工作

---

感谢所有帮助过我的人

尝试将路径更改为

@import'~@/assets/css/bootstrap.min.css'

，如果文件不存在，您的终端应该会输出一些错误。如果您通过像nginx这样的http服务器运行应用程序，这个答案可能会对您有更大的帮助，甚至还有更多的配置要做。请检查我是如何做到的：