bootstrap-vue: bootstrap-vue/nuxt - SyntaxError Unexpected identifier

Describe the bug

When i install a simple app with npx create-nuxt-app using bootstrap and start npm run dev command showing the error “SyntaxError - Unexpected identifier”

Steps to reproduce the bug

  1. npx create-nuxt-app test
  2. Use a custom server framework: none
  3. Choose features to install: all you wont or nothing
  4. Use a custom UI framework: bootstrap
  5. Use a custom test framework: none
  6. Choose rendering mode: Universal
  7. Choose a package manager: npm
  8. cd test/
  9. npm run dev
  10. Go to http://localhost:3000/

Expected behavior

I expected to see the Nuxt.js index page.

Versions

Libraries:

  • BootstrapVue: ^2.0.0-rc.11
  • Bootstrap: ^4.1.3
  • Nuxt: ^2.4.0
  • cross-env: ^5.2.0
  • nodemon: ^1.18.9

Environment:

  • Device: Mac
  • OS: macOS Mojave
  • Browser: Chrome

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 2
  • Comments: 23 (12 by maintainers)

Commits related to this issue

Most upvoted comments

FYI if you add this in nuxt.config.js to build->transpile

 transpile: ['bootstrap-vue'],

problem bypassed

OK we think we have figured out the issue… we are working on a fix now.

Fix will be available in v2.0.0-rc.22 when released.

v2.0.0-rc.22 has been released.

Issue solved! No more undefined and no need to transpile

v2.0.0-rc.22 has been released.

We should hopefully have RC.22 out later today.