Vue cli导入css不工作 ->好的 ->错误 未找到此依赖项： * !!vue风格的加载器！css加载程序？{“sourceMap”：true}！//node_modules/vue loader/lib/style compiler/index？{“vue”：true，“id”：“data-v-656039f0”，“scoped”：false，“hasInlineConfig”：false}//src/components/HelloWorld.vue中的assets/css/base.css 要安装它，可以运行：npm install--save！！vue风格的加载器！css加载程序？{“sourceMap”：true}！//node_modules/vue loader/lib/style compiler/index？{“vue”：true，“id”：“data-v-656039f0”，“scoped”：false，“hasInlineConfig”：false}/assets/css/base.css @导入'@/assets/css/base.css'->错误 @导入'./assets/css/base.css'->错误 模块生成失败：错误：未能找到“@/assets/css/base.css” @./node_模块/vue样式加载器/节点\模块/css加载程序？{“sourceMap”：true}/node_modules/vue loader/lib/style编译器？{“vue”：true，“id”：“data-v-656039f0”，“scoped”：false，“hasInlineConfig”：false}/node_modules/vue loader/lib/selector.js？type=styles&index=0/src/components/HelloWorld.vue 4:14-312 13:3-17:5 14:22-320

我搜索了很多方法，我试过了，但都不管用。

---

我不知道哪种方法可以解决我的问题。

创建一个名为static的文件夹，放入css并在index.html中包含链接

<style src="@/assets/css/base.css"> ->ok
<style src="./assets/css/base.css"> ->error

This dependency was not found:
* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-656039f0","scoped":false,"hasInlineConfig":false}!./assets/css/base.css in ./src/components/HelloWorld.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-656039f0","scoped":false,"hasInlineConfig":false}!./assets/css/base.css

@import '@/assets/css/base.css' ->error
@import './assets/css/base.css' ->error

Module build failed: Error: Failed to find '@/assets/css/base.css'
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-656039f0","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/HelloWorld.vue 4:14-312 13:3-17:5 14:22-320

---

另一个选项似乎是在

App.vue

文件中的

标记中：

<link rel="stylesheet" type="text/css" href="/static/fille.css">

导入“@/assets/css/base.css”；
导出默认值{}；

但是

---

同样有效。

为了澄清，您特别想在

style

标记中使用

@import

关键字？为什么不直接使用

方法呢？您已经确认了该方法的有效性？

<script>
import "@/assets/css/base.css";
export default {};
</script>

<style src="@/assets/css/base.css"></style>