Problems when starting the MDB test project


Topic: Problems when starting the MDB test project

Grisay asked 6 years ago

Hello, I am having this error when you lift the start project published on your website

./node_modules/mdbvue/src/components/DatatableSearch.vue (./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-059e60bb","hasScoped":false,"optionsId":"0","buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/mdbvue/src/components/DatatableSearch.vue) Module build failed (from ./node_modules/vue-loader/lib/template-compiler/index.js): SyntaxError: Unexpected token, expected "," (1:524)

1 | var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dataTables_filter float-right"},[_c('label',[_vm._v("\n Search \n ")]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"form-control form-control-sm",attrs:{"type":"search","placeholder":"Search"},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return;_vm.search=$event.target.value}}})])} | ^ 2 | var staticRenderFns = [] 3 | at t (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\parser-babylon.js:1:326) at Object.parse (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\parser-babylon.js:1:208490) at Object.parse$2 [as parse] (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\index.js:10639:19) at coreFormat (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\index.js:13856:23) at format (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\index.js:14115:73) at formatWithCursor (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\index.js:14131:12) at C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\index.js:42399:15 at Object.format (C:\vue\MDB-Vue-Free-5.1.0\node_modules\prettier\index.js:42418:12) at Object.module.exports (C:\vue\MDB-Vue-Free-5.1.0\node_modules\vue-loader\lib\template-compiler\index.js:73:23)

My Configuration :

{ "name": "vue-demo", "version": "5.1.0", "description": "MDB Vue Demo App", "author": "MDBootstrap ", "license": "MIT", "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --open", "start": "yarn-or-npm run dev", "mdb": "webpack-dev-server --inline --progress --config demo_build/webpack.dev.conf.js --open", "demo": "yarn-or-npm run mdb", "remove-demo": "del-cli demo demo_build", "lint": "eslint --ext .js,.vue src", "build": "node build/build.js" }, "dependencies": { "bootstrap-css-only": "^4.2.1", "mdbvue": "^5.1.0", "vue": "^2.5.21", "vue-router": "^3.0.2" }, "devDependencies": { "autoprefixer": "^7.1.2", "babel-core": "^6.22.1", "babel-eslint": "^8.2.1", "babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-loader": "^7.1.1", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-transform-vue-jsx": "^3.5.0", "babel-preset-env": "^1.3.2", "babel-preset-stage-2": "^6.22.0", "chalk": "^2.0.1", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.0", "del-cli": "^1.1.0", "eslint": "^4.15.0", "eslint-config-standard": "^10.2.1", "eslint-friendly-formatter": "^3.0.0", "eslint-loader": "^2.1.1", "eslint-plugin-html": "^4.0.5", "eslint-plugin-import": "^2.7.0", "eslint-plugin-node": "^5.2.0", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "^4.0.0", "eslint-plugin-vue-libs": "^3.0.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "file-loader": "^1.1.4", "friendly-errors-webpack-plugin": "^1.6.1", "html-webpack-plugin": "^3.2.0", "node-notifier": "^5.1.2", "node-sass": "^4.11.0", "optimize-css-assets-webpack-plugin": "^3.2.0", "ora": "^1.2.0", "portfinder": "^1.0.13", "postcss-import": "^11.0.0", "postcss-loader": "^2.0.8", "postcss-url": "^7.2.1", "rimraf": "^2.6.0", "sass-loader": "^7.1.0", "semver": "^5.3.0", "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^1.1.1", "url-loader": "^0.5.8", "vue-loader": "^14.2.2", "vue-style-loader": "^4.1.0", "vue-template-compiler": "^2.5.21", "webpack": "^4.19.1", "webpack-bundle-analyzer": "^3.0.2", "webpack-cli": "^3.1.0", "webpack-dev-server": "^3.1.8", "webpack-merge": "^4.1.4", "yarn-or-npm": "^2.0.4" }, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] }

Version:

npm : 6.4.1 node: 10.15.1

how could he solve it?


Mikołaj Smoleński staff answered 6 years ago

Hi Grisay,

What are the steps to reproduce the code? All You did was npm install and npm start?

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: PC
  • Browser: internet explorer
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags