Vue element project, optimization for third-party js libraries. Cdn is introduced into vue.js,. Some content in the interface cannot be loaded.

introduce vue.min.js

webpack.base.conf.jsexternalsvue

tabletable

into index.html according to the version used

if import vue, removes externals and introduces cdn in main.js, it will load normally

could you tell me what"s wrong with my use?

Feb.28,2021

does not post the code that is not easy to evaluate;
but from the screenshot point of view, this is not a problem of introducing element, but the code is not standard. Because from the penultimate chapter diagram, we can see that the query button on the table is displayed normally.

you can try the minimum module method for debugging, which is to build a new demo, remove other references and code, and save only one < el-button > to see if it can display

normally.

ps:
A good question should include a demo or code that can be viewed


check the currently used vue version, elementUI version, and vuex version through npm, and find that it is caused by inconsistency with the version referenced in index.html (Note: the version found by npm is not consistent with that in package.json). Originally, the problem of slow loading of vendor.js after build has been solved. After the introduction of index.html, the problem of loading speed has been solved


which third-party cdn is easier to use

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e801e8-aad.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e801e8-aad.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?