in ./src/components/vixData/vixAllData.vue?vue&type=style&index=0&id=3fbe4e94&scoped=true&lang=css& Module not found: Error: Can't resolve './src/assets/font/Fette-Engschrift.ttf' in '/Users/xsjtkai/WebstormProjects/vue-echarts/vue_echarts/src/components/vixData' ERROR in ./src/components/vixData/vixAllData.vue?vue&type=style&index=0&id=3fbe4e94&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/vixData/vixAllData.vue?vue&type=style&index=0&id=3fbe4e94&scoped=true&lang=css&) 5:36-102 Module not found: Error: Can't resolve './src/assets/font/Fette-Engschrift.ttf' in '/Users/xsjtkai/WebstormProjects/vue-echarts/vue_echarts/src/components/vixData' @ ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/vixData/vixAllData.vue?vue&type=style&index=0&id=3fbe4e94&scoped=true&lang=css& 4:14-392 15:3-20:5 16:22-400 @ ./src/components/vixData/vixAllData.vue?vue&type=style&index=0&id=3fbe4e94&scoped=true&lang=css& 1:0-456 1:0-456 @ ./src/components/vixData/vixAllData.vue 4:0-94 @ ./src/router/index.js 16:0-57 33:13-23 @ ./src/main.js 3:0-30 26:2-8
时间: 2023-10-06 16:13:11 浏览: 252
根据错误提示,字体文件 `Fette-Engschrift.ttf` 在路径 `./src/assets/font/Fette-Engschrift.ttf` 中未找到。请检查以下几点:
1. 确认字体文件确实位于 `./src/assets/font/` 目录下。
2. 确认您在引用字体文件时使用的相对路径是正确的,即确保路径与字体文件的实际路径相匹配。
3. 确认您的 Webpack 配置中是否有正确的 loader 配置来处理字体文件。在 Vue CLI 3 项目中,默认的 Webpack 配置应该已经包含了处理字体文件的 loader。
如果您仍然无法解决问题,请提供更多的错误信息和代码片段,以便我更好地帮助您。
相关问题
in ./src/components/Header.vue?vue&type=script&lang=js
础辅音字母-ㅇ)
ㅈ - jieut (基础辅音字母-ㅈ)
ㅊ - chieut (在"./src/components/Header.vue?vue&type=script&lang=js"中,这是一个Vue组件文件的路径。它基础辅音字母-ㅊ)
ㅋ - kieuk (基础辅音字母-ㅋ)
ㅌ - tieut (指向一个名为Header.vue的组件文件,并且使用JavaScript作为脚本语言。
in ./src/pages/dataShare/records/components/apply-info.vue?vue&type=script&lang=js
这是JavaScript文件的一部分,位于"dataShare"目录下的"records"组件内,名为"apply-info.vue"。该部分代码很可能是在Vue.js框架中编写的一个单文件组件(Single File Component)。`./src/pages/dataShare/records/components/apply-info.vue?vue&type=script&lang=js`是一个路径,`vue`表示我们在查看Vue脚本部分,`type=script`指定我们正在查看的是组件的<script>部分,即逻辑和数据处理相关的代码。
在这个文件里,开发者可能会定义组件的props(属性)、data(初始化状态)、methods(生命周期函数)、计算属性等。例如:
```javascript
export default {
// 组件名称
name: 'ApplyInfoComponent',
// 接收从父组件传递的数据 prop
props: ['applicantData'],
data() {
return {
form: {}, // 表单初始值
errors: {} // 错误信息存储
};
},
methods: {
submitForm() {
this.$emit('formSubmitted', this.form); // 触发父组件方法并提交表单数据
}
}
};
```
阅读全文