SHARE
TWEET

Untitled

a guest Dec 16th, 2018 57 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import Vue from 'vue';
  2. import eqcss from 'eqcss';
  3. import App from './App.vue';
  4. import router from './router';
  5.  
  6. Vue.use(eqcss);
  7. Vue.config.productionTip = false;
  8.  
  9. new Vue({
  10.   router,
  11.   render: h => h(App),
  12. }).$mount('#app');
  13.    
  14. <template>
  15.   <div id="app">
  16.     <div id="nav">
  17.       <router-link to="/">Home</router-link> |
  18.       <router-link to="/about">About</router-link>
  19.     </div>
  20.     <router-view/>
  21.   </div>
  22. </template>
  23.  
  24. <style lang="scss">
  25. #app {
  26.   font-family: 'Avenir', Helvetica, Arial, sans-serif;
  27.   -webkit-font-smoothing: antialiased;
  28.   -moz-osx-font-smoothing: grayscale;
  29.   text-align: center;
  30.   color: #2c3e50;
  31. }
  32. #nav {
  33.   padding: 30px;
  34.   a {
  35.     font-weight: bold;
  36.     color: #2c3e50;
  37.     &.router-link-exact-active {
  38.       color: #42b983;
  39.     }
  40.   }
  41. }
  42.  
  43. // eqcss
  44. @element #nav and (min-width: 500px) {
  45.   :self {
  46.     color: #000;
  47.   }
  48. }
  49.  
  50. </style>
  51.    
  52. ERROR  Failed to compile with 1 errors                                                                                                                                                                                                                          5:03:10 PM
  53.  
  54.  error  in ./src/App.vue?vue&type=style&index=0&lang=scss&
  55.  
  56. Module build failed (from ./node_modules/sass-loader/lib/loader.js):
  57.  
  58. @element #nav and (min-width: 500px) {
  59.        ^
  60.       Invalid CSS after "@element": expected 1 selector or at-rule, was "#nav and (min-width"
  61.       in /Users/david/dev/grace/src/App.vue (line 30, column 9)
  62.  
  63.  @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.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/App.vue?vue&type=style&index=0&lang=scss& 4:14-415 14:3-18:5 15:22-423
  64.  @ ./src/App.vue?vue&type=style&index=0&lang=scss&
  65.  @ ./src/App.vue
  66.  @ ./src/main.js
  67.  @ multi (webpack)-dev-server/client?http://192.168.1.19:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top