I want to import a .md file as text in my vue3 component. Like this
import test from "!raw-loader!./assets/test.md";
And I'm using (as you can see) raw-loader
.
I also have this in my vue.config.js
file:
module.exports = {
chainWebpack: (config) => {
config.module
.rule("raw")
.test(/\.md$/)
.use("raw-loader")
.loader("raw-loader")
.end();
},
};
But when I start my development server with npm run serve
I get his error:
This dependency was not found:
* !raw-loader!./assets/test.md in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/HelloWorld.vue?vue&type=script&lang=js
To install it, you can run: npm install --save !raw-loader!./assets/test.md
How can I solve this? Thank you in advance.