This is what I Vue found by previewing with serve – s dist after packaging
reason There is a problem with the parameters configured in vue.config.js
publicPath: process.env.NODE_ENV === 'production'
?'/execl_forward/'
: '/'
Then use NPM run build to package
Cause static file error
So I created EXECL in dist_ Forward folder put CSS and JS folders in it
Then it was solved
Or use the default packaging method
Vue.config.js
publicPath: './' 
reason:
My path is written like this
@click="openBlank({ path: '/reissue'},{historyOpinion:ho})"
It belongs to non-standard writing Just change it to this
@click="openBlank('/reissue',{historyOpinion:ho})"
An error occurs when using the for loop in Vue because of duplicate key values
Error 1: there are two for loops nested, and the same value is bound in the key
Error 2: there are duplicate keys in this array of the for loop
My question:
Solution: just comment out the last one
Reason: the corresponding route cannot be found on the Vue page in the router
Modification method: specify the specific Vue page to write all. I didn’t write the last. Vue
Error message
_node_modules_vue_dist_vue_global_ js__WEBPACK_IMPORTED_MODULE_1___ default().createApp is not a function
There is a problem with the way Vue is introduced
The correct introduction method is
import { createApp } from 'vue';
var App = {
data() {
return {
images: [{
Picture: "img"
},
{
Picture: "img2"
}
],
}
}
}
const app = createApp(App); // 将数据添加到Vue数据绑定上
const vm = app.mount("#app"); // 将数据绑定到指定id上Vue installs less. This.getoptions is not a function
the reason is that the highest version is installed by default during installation (NPM install less loader)
solution: uninstall the previous version first and reinstall the lower version
npm uninstall less-loader
npm install less- [email protected]
An error is reported when packaging Vue files: NPM err! missing script: build
View the scripts parameters in the file package. JSON
Therefore, the run command at this time should be
npm run build:prod --report
Since NPM and cnpm have been used together before, there is no problem. Today, when starting the Vue project, I encountered an error “NPM” ERR! code “Elifecycle” was initially used with NPM Run started and later changed to cnpm Neither can run. 
After checking the information, it is mostly said on the Internet that it is because of node_ There is a problem with the installation of modules. The basic solution is to clear the cache and reinstall.
The following steps are summarized:
1、npm cache clean — force
2、rm – rf node_ modules
3、rm – rf Package-lock.json (optional)
4、npm install
1. The vscode editor adds a line of code import func from ‘./Vue temp/Vue editor bridge’; I didn’t introduce this thing, so I couldn’t find the reason
2. Downgrade prettier to 1.8.1 and vueter to 0.18.1 to successfully solve similar problems.
report errors Illegal external terminal ‘CoilTerminal1’: An external terminal must border the edge of the problem region and coincides with the surface of a 3D object
Solution: the surface of the excitation port you set (that is, where the current flows in and out) should coincide with the vacuum package you set (that is, the surface of the region).
Problem Description: start the front-end project of the company’s front-end engineer, and the following error message will be prompted:
Module build failed: Error: ENOENT: no such file or directory, scandir '*********\node_modules\node-sass\vendor'
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??ref--8-oneOf-1-1!./node_modules/[email protected]@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/modules/docSearch/components/searchTable/searchResult.vue?vue&type=style&index=0&id=d0be5df2&lang=scss&scoped=true& 4:14-537 15:3-20:5 16:22-545
@ ./src/modules/docSearch/components/searchTable/searchResult.vue?vue&type=style&index=0&id=d0be5df2&lang=scss&scoped=true&
@ ./src/modules/docSearch/components/searchTable/searchResult.vue
@ ./src/modules/docSearch/index.js
@ ./src/router.js
@ ./src/main.js
@ multi ./node_modules/[email protected]@webpack-dev-server/client?http://192.168.1.74:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.jsSolution: npm rebuild node-sass
Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined
Vue packages version mismatch
Failed to compile.
./src/App.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
Vue packages version mismatch:
- [email protected] (D:\site\hst_tech\hst_platform_frontend\node_modules\vue\dist\vue.runtime.common.js)
- [email protected] (D:\site\hst_tech\hst_platform_frontend\node_modules\vue-template-compiler\package.json)
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
Solution:
Set Vue template- [email protected] Version change Vue template- [email protected]
// Just change the version number to the same one
npm i -g [email protected] --save