Elliot_putt's avatar

Installing Boostrap to an existing project

Hi Everyone, I got an existing project in which I was using a CDN to pull bootstrap into but I want to pull it in properly now. I have read many guides but every time I pull it in it doesn't load the CSS and I get and node error.

Things to bear in mind: I am using Vue with mix and inertia I already have an app.css and app.js

I install it with the command below and get this error:

composer require laravel/ui
php artisan ui bootstrap
npm install

npm run dev

then I get this error

node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'V:\code\bookingsystem\watch'
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
./storage\framework\sessions\tIEy7Y7FsgBR99XJNcK23akS6tYbXjrGseP5Tof8 changed

0 likes
6 replies
Elliot_putt's avatar
[webpack-cli] Error: Cannot find module './build/index.cjs']

This Is what error comes back

1 like
vincent15000's avatar

@Elliot_putt In order to help you, you should share all the steps you went through from the installation of node_modules.

1 like
Elliot_putt's avatar

@vincent15000 It's fixed now, what seemed to be some of the problems was my app.css file was already a thing and my node modules were almost corrupt with all of them being prefixed with a . I removed my composer .lock and node modules did it fresh and it worked thanks for your help!

1 like

Please or to participate in this conversation.