Webpack problem on JS

Topic: Webpack problem on JS

Neanrakyr pro asked 4 years ago

Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

Hello, I just install the new MDB5 PRO version

I download the MDB-UI-KIT-PRO-Essential-1.0.0.zip, I extract the src folder on my project (node_module is install too with "npm install".

them on my webpack

I add it :

mix.js('resources/js/mdb/mdb-pro.js', 'public/js') .sass('resources/sass/mdb/mdb-pro.scss', 'public/css');

When I run "npm run prod"

the SCSS is perfectly work but the js not working.

ERROR in ./resources/js/mdb/pro/timepicker/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: {Folder}\resources\js\mdb\pro\timepicker\index.js: Support for the experimental syntax 'classProperties' isn't currently enabled (1723:32):

ERROR in ./resources/js/mdb/pro/charts.js Module not found: Error: Can't resolve 'chart.js' in '{Folder}\resources\js\mdb\pro' @ ./resources/js/mdb/pro/charts.js 13:0-44 308:26-33 @ ./resources/js/mdb/mdb-pro.js @ multi ./resources/js/mdb/mdb-pro.js ./resources/sass/mdb/mdb-pro.scss

ERROR in ./resources/js/mdb/free/input.js Module not found: Error: Can't resolve 'detect-autofill' in '{Folder}\resources\js\mdb\free' @ ./resources/js/mdb/free/input.js 12:0-25 @ ./resources/js/mdb/mdb-pro.js @ multi ./resources/js/mdb/mdb-pro.js ./resources/sass/mdb/mdb-pro.scss

ERROR in ./resources/js/mdb/pro/sidenav.js Module not found: Error: Can't resolve 'perfect-scrollbar' in '{Folder}\resources\js\mdb\pro' @ ./resources/js/mdb/pro/sidenav.js 33:0-49 538:35-51 @ ./resources/js/mdb/mdb-pro.js @ multi ./resources/js/mdb/mdb-pro.js ./resources/sass/mdb/mdb-pro.scss

ERROR in chunk /js/mdb-pro [entry] /js/mdb-pro.js

Can you help me to fixed it?

Add comment

Mikołaj Smoleński staff answered 4 years ago

0 1 Best answer

Please insert min. 20 characters.

Hi there,

We prepared the Webpack Starter with MDB UI KIT already installed. Maybe it will help to resolve your issue.

To install MDB PRO you will just need to change the following line in package.json:

"dependencies": {
    "mdb-ui-kit": "1.0.0"
  }

"dependencies": {
    "mdb-ui-kit": "git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-essential"
  }

"dependencies": {
    "mdb-ui-kit": "PATH_TO_MDB_PRO_DIRECTORY"
  }

Best regards

Neanrakyr pro commented 4 years ago

It's not solved my problem, it's just try to bypass it with another way.

on my project I deny the auto update from package who are not certificated safe by the company.

That why I download your package manually and install it by myself.

I do it for MDB 4 Jquery version and have no problem with that. But the problem is there for MDB 5. I cannot mix the js, but the mix for the css work fine.

Mikołaj Smoleński staff commented 4 years ago

Using files from src folder is at your own risk. It requires proper configuration of the project and installing the missing dependencies. If there are such problems, the only thing I can recommend is to use production files (mdb.min.js and mdb.min.css) which don't need any additional configuration to work.

Best regards

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Standard
MDB Version: 1.0.0
Device: Desktop / Mobile
Browser: Any
OS: Windows 10
Provided sample code: No
Provided link: No

Neanrakyr

Pro User 82Support score
17Questions 2Answers 1Snippets