Vue-cli import css 不起作用


<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

我搜索了很多方法,我尝试过,但它不起作用。 我不知道哪种方法可以解决我的问题。

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

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

另一个选项似乎是在App.vue文件中的<script>标签中:

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

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

效果也一样。

最新更新