https://cypress.io logo
Join Discord
Powered by
# vue
  • s
    Currently i'm trying to yarn install from the root of the project to try again but it's taking a long time on my computer to finish the yarn install dependencies
  • s
    Looks like the errors were from not installing the dependencies on the root of the project before installing them for the examples. I also had to update my node from 14.15 to 14.16. The example runs now I'm trying to duplicate it in my own setup
  • b
    You will need to add the types to your tsconfig.json
  • b
    Did you manage to get a setup ready ?
  • s
    Yes i got the example working. My project isn't using typescript so i don't have a tsconfig.json. Your example started running after I ran the mentioned steps. Right now I'm trying to figure out what you did to make cypress/vue work with nuxt. The example doesn't have the defaults that come with cypress install
  • b
    So cypress/vue is working with nuxt out of the box
  • b
    what is not working out of the box is cypress/webpack-dev-server
  • s
    for example the example has a cypress directory with 1 file but the directory strucure is different when installing cypress in a new nuxt project
  • b
  • b
    this is where the magic happens
  • b
    I remove the HTMLWebpackPlugin and the output from webpack.config I resolve from nuxtjs
  • s
    i'm adding it now to a fresh nuxt project to try to get it working
  • s
    @User i added a clean nuxt repo here and added cypress/vue. the 2 commits show what i added. I'm not sure what i'm missing but i still cant get this working with nuxt and i'm using the plugin config you have https://github.com/travis5491811/cypress-vue-nuxt
  • s
  • b
    Thank you for putting the effort, give me 30 more minutes to get back in front of a computer. I am out to pick up lunch !! ^^
  • b
    You were almost there!!!
  • b
    And, we have a fix for your issues coming in on Monday I think
  • b
    First, we need to install 
    webpack-dev-server
    as a dev dependency
  • b
    You probably see it in the npm install warnings
  • b
    Then, and I need to investigate why, eslint was blocking the use of 
    cy.
  • b
    You actually need to install the 
    eslint-plugin-cypress
    and add it to the extend of the 
    .eslint.rc
  • b
    incoming PR
  • b
    do you mind if I use this example to update the one in the cypress repo ?
  • b
  • s
    @User huge thank you for this!!! Yes you can use this example in the repo, i will update the latest commit with the working changes. I got it working on my Linux machine with your recommended changes. My mac is throwing the 
    Failed to connect to Chrome, retrying in 1 second (attempt 62/62)
    and already tried https://github.com/cypress-io/cypress/issues/6540 But I at least confirmed everything works after the changes on my Linux machine. Thank you again!
  • b
    This error happens to me when the chrome instance has not been quit properly
  • b
    only on a mac though
  • b
    It is weird
  • b
    qui all the chrome you have open and retry
  • b
    and tell me if it helps
1...91011...37Latest