Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bootstrap-vue/nuxt - SyntaxError Unexpected identifier

See original GitHub issue

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

npx create-nuxt-app test
Use a custom server framework: none
Choose features to install: all you wont or nothing
Use a custom UI framework: bootstrap
Use a custom test framework: none
Choose rendering mode: Universal
Choose a package manager: npm
cd test/
npm run dev
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

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:23 (12 by maintainers)

Top GitHub Comments

5reactions

thanosalexandercommented, May 29, 2019

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

 transpile: ['bootstrap-vue'],

problem bypassed

5reactions

tmorehousecommented, May 27, 2019

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

Top Results From Across the Web

bootstrap-vue, SyntaxError Unexpected identifier

When i run test with ava, problem occurs in component that includes vue-bootstrap import inside.

BootstrapVue

Quickly integrate Bootstrap v4 components with Vue.js. ... Easily integrate BootstrapVue into your Nuxt.js projects using our included Nuxt.js module.

[Solved]-Import Unexpected identifier + SyntaxError

Coding example for the question Import Unexpected identifier + SyntaxError: Unexpected string-Vue.js.

SyntaxError Unexpected Identifier - Get Help - Vue Forum

I want to use this plugin in my Nuxt.js/VuetifyJs application. For this purpose, I created a plugins/datetime-picker.js file: import Vue ...

ハマりメモ: Nuxtでcreate-nuxt-appでいきなりエラー。Error

Error: SyntaxError. Unexpected identifier ... 結論から言うと、bootstrap-vueを組み込んでプロジェクトを立ち上げるとエラーになる。