微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

@nuxt/content :目前没有配置加载器来处理这个文件

如何解决@nuxt/content :目前没有配置加载器来处理这个文件

我已经安装了 @nuxt/content,但在运行 npm run dev 时,虽然一切正常,但我收到此错误消息:

 WARN  in ./content/foo.md                                                                                                                        friendly-errors 11:36:40

Module parse Failed: Assigning to rvalue (1:2)                                                                                                        friendly-errors 11:36:40
You may need an appropriate loader to handle this file type,currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> ---

我在安装过程中遗漏了什么吗?

我正在使用 node LTS v14.16.0npm 6.14.11

package.json

{
  "name": "documentation","version": "1.0.0","private": true,"scripts": {
    "dev": "nuxt","build": "nuxt build","start": "nuxt start","generate": "nuxt generate","lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .","lint": "npm run lint:js"
  },"dependencies": {
    "@nuxt/content": "^1.14.0","@nuxtjs/axios": "^5.13.1","core-js": "^3.9.1","nuxt": "^2.15.2"
  },"devDependencies": {
    "@nuxt/types": "^2.15.2","@nuxt/typescript-build": "^2.1.0","@nuxtjs/eslint-config": "^6.0.0","@nuxtjs/eslint-config-typescript": "^6.0.0","@nuxtjs/vuetify": "^1.11.3","babel-eslint": "^10.1.0","eslint": "^7.21.0","eslint-config-prettier": "^8.1.0","eslint-plugin-nuxt": "^2.0.0","eslint-plugin-prettier": "^3.3.1","eslint-plugin-vue": "^7.7.0","node-sass": "^5.0.0","prettier": "^2.2.1","sass-loader": "^10.1.1"
  }
}

nuxt.config.js

export default {
  server: {
    host: process.env.HOST,port: process.env.PORT,},// Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    titleTemplate: '%s - documentation',title: 'My Doc',Meta: [
      { charset: 'utf-8' },{ name: 'viewport',content: 'width=device-width,initial-scale=1' },{ hid: 'description',name: 'description',content: '' },],link: [{ rel: 'icon',type: 'image/x-icon',href: '/favicon.ico' }],// Global CSS (https://go.nuxtjs.dev/config-css)
  css: ['@/assets/css/main.css'],// Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  /*
   ** Plugins to load before mounting the App
   ** Doc: https://nuxtjs.org/guide/plugins
   */
  plugins: ['~/plugins/global.js'],// Auto import components (https://go.nuxtjs.dev/config-components)
  components: true,// Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',// https://go.nuxtjs.dev/vuetify
    '@nuxtjs/vuetify',// Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios','@nuxt/content',// Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: {},content: {},// Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify)
  vuetify: {
    customVariables: ['~/assets/variables.scss'],// Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {},}

foo.md

---
title: Foo
description: Foo
---

# Hello World

解决方法

我也有这个,经过几个小时的谷歌搜索,我刚刚找到了这个页面:

https://www.fabiofranchino.com/blog/how-to-create-a-nuxt-based-blog-markdown-driven-from-scratch/

我已经安装了 frontmatter-markdown-loader 并在 nuxt.config.js 中包含了所需的配置 - 而且,瞧!没有更多的控制台错误!

令人恼火,因为它似乎工作得很好,尽管控制台出错...

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。