vue-cli | * 配置示例详解。目标为产出一套多场景适用脚手架 | Command Line Interface library

I´m currently working on a website using vue/cli 4.5.13 and firebase.

After trying to get a simple authentification site working, my npm run build fails with this message:

ERROR Failed to compile with 1 error

Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined

You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. ERROR Build failed with errors.

I know this problem was asked here frequently but all the given solutions didn´t work for me. So far i tried: npm install typescript@latest, npm uninstall @vue/component-compiler-utils, npm install --dev @vue/component-compiler-utils@3.1.2, npm update vue-template-compiler and npm audit fix (--force).

my package.json looks like this:

I work with Vue3 in TS (last vue-cli).

I want to get all nodes (vnodes) elements when vue-loader compile .vue file. I need to read nodes attributes and remove all "data-test".

I have try in vue.config.js to use :

I'm using vue js 3, but im taking this error. I try to use router.

my main.js file is in here:

I am trying to setup a vue3 app with i18n localization. The localization is supposed to be located in json files. I added i18n via vue add i18n to my project. The questions asked during installation were all answered with the default value except the one with the legacy support (my answer: no). When i try to use a text from a json file, it will tell me in the console [intlify] Not found 'message' key in 'en' locale messages. The local translations work just fine. And i have no clue why it is not working with the translations provided in the JSON file.

Here is my code:

packages.json

I am new to Vue js, I am building a website using Vue js where I have a home page and docs folder which contains a lot of documents written and save in a .md file.

Now How I can on the navbar click redirect from my route.js page to docs .md files. Below is my folder structure.

I want to serve my homepage from main.js which is created using vue.js, and docs folder containing markdown files. Inside the docs folder have .vuepress with config.js which was configured to load index.md as the home page.

First of all, thank you for your help.

I'm currently writting a blog in vue.js with vuejs-cli and I'm stuck on a problem about the architecture of my blog.

What I want to do:

I want my vue.js app to fetch an article (which is a whole webpage with .html,.js,.css and pictures) in the subfolder of the "Articles" folder and then display it in a vue in two ways:

• like a preview (an image from the article and the article's title)
• by diplaying the full article

So I want the file tree to look like this:

I have a directory called mock at root which contains mocking data that I use to run the app in development mode. I would like to exclude them when i build for production. I notice that it is being added into bundle whenever i run vue-cli-service build and it is bloating my app bundle size. I am using vue-cli and so I have to work with vue.config.js.

It is not clear from the docs or any answers on the wider web how I can specify which folders/files to exclude from the build.

Here is a snippet of my vue.config.js.

I'm trying to include a VLC video playing in my Electron app, which is possible through WebChimera.js. This package is distributed a bit weirdly (to me at least), to use it you need to require wcjs-prebuilt, specify some settings in package.json and configure Webpack to allow importing .node files as explained in this Wiki page for WebChimera.js.

However I believe this Wiki page is outdated, as loaders isn't a valid key anymore in a Webpack config. I'm not very experienced using Webpack so most of this is new to me. Also note that this Wiki explanation used a fork of node-loader, although this fork seems to be merged to the actual node-loader now (?).

I now use this Webpack config: