ghdvdmeer
commented
5 years ago It seems to be my fault. Sorry to have bothered you since I thought this was indeed an issue with element UI. It seems this was an issue with my code.
Closed ghdvdmeer closed 5 years ago
ghdvdmeer
commented
5 years ago It seems to be my fault. Sorry to have bothered you since I thought this was indeed an issue with element UI. It seems this was an issue with my code.
Element UI version
2.12.0
OS/Browsers version
Linux Debian 10 (Buster) / Firefox 60.8.0esr (64 bit)
Vue version
2.6.10
Reproduction Link
https://jsfiddle.net/null
Steps to reproduce
1. Created new basic Laravel project
2. Added all necessary node packages:
npm install npm i element-ui -S
3. Start the monitor:
npm run watch
4. Added code to resources/js/app.js: import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
5. Added sample component in same file:
Vue.component('el-switch', require('./components/el-switch.vue').default);
6. Added resources/js/components/el-switch.vue with the following same code:
7. Added script tag to end of body in view: resources/views/welcome.blade.php:
8.
Above there add the following code:
Extra info: node version: 10.5.2 npm version: 6.0.1
What is Expected?
displaying an element on the page
What is actually happening?
nothing is displayed
Notes: Your documentation is not clear about the steps. Your Laravel template at https://github.com/ElementUI/element-in-laravel-starter is for 5.7
I would like to have better instructions in the documentation for Laravel. Note that everything on the internet (youtube / google search) goes up to 5.7 and nothing newer. In a few days Laravel 6 will come out which makes the current template more obsolete.