The reason why the vue project is blank on Android low version:
Possible reasons one
Check Android debugging, report an error, there may be an arrow function syntax error, or other syntax problems, which may be an ES6 syntax problem.
At this time, you need to install babel-polyfill.
The methods found online are as follows:
https:///article/
1. Install babel-polyfill and es6-promise
npm i babel-polyfill --save npm i es6-promise --save
Introduce
import ‘babel-polyfill‘ import Es6Promise from ‘es6-promise‘ ()
= {
entry: {
"babel-polyfill":"babel-polyfill",
app: ‘./src/‘ //Originally this is the only line}
If the Android phone is still blank and cannot be opened, continue to check the reason 2
Possible reasons:
Check whether there is any error in packaging after npm run build. Some small functions may not affect the display and use of the page when there is time, but the packaging also reports an error. We may ignore it. As long as there is an error in packaging, Android will definitely not be displayed normally. Unlike browsers, the error I see here is
The error was found in the file under the router folder. The merge of es6 objects and the template string were used. At this time, you only need to go to the
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),// means that js in the src directory needs to be compiled ],
},
Add an include and resolve directory where the router is located. If you write the path directly here, it will not work.
Summarize
The above is an analysis of the reasons why the vue project is blank on the Android low version of the computer introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support for my website!