Изменение версии начальной загрузки с 4 на 3 в Laravel - PullRequest
Новая
       5

Изменение версии начальной загрузки с 4 на 3 в Laravel

0 голосов
/ 30 июня 2018

В последней установке Laravel он поставляется с Boostrap 4. Но я не хочу использовать Bootstrap 4. В моем проекте Laravel я изменил package.json следующим образом: 

"devDependencies": {
        "axios": "^0.18",
        "bootstrap-sass": "^3.3.7",
        "popper.js": "^1.12",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.4",
        "vue": "^2.5.7"
}

А потом я запускаю "npm install". Нет, когда я запускаю "npm run dev", я получаю много ошибок, таких как: 

> @ development C:\LarProjects\larOne
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

 95% emitting

 ERROR  Failed to compile with 3 errors                                                                                             23:10:44
 error  in ./resources/assets/sass/app.scss

Module build failed:
undefined
^
      File to import not found or unreadable: ~bootstrap/scss/bootstrap.
      in C:\LarProjects\larOne\resources\assets\sass\app.scss (line 9, column 1)

 @ ./resources/assets/sass/app.scss 4:14-266
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

 error  in ./resources/assets/sass/app.scss

Module build failed: ModuleBuildError: Module build failed:
undefined
^
      File to import not found or unreadable: ~bootstrap/scss/bootstrap.
      in C:\LarProjects\larOne\resources\assets\sass\app.scss (line 9, column 1)
    at runLoaders (C:\LarProjects\larOne\node_modules\webpack\lib\NormalModule.js:195:19)
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:364:11
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:230:18
    at context.callback (C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.asyncSassJobQueue.push [as callback] (C:\LarProjects\larOne\node_modules\sass-loader\lib\loader.js:55:13)
    at Object.done [as callback] (C:\LarProjects\larOne\node_modules\neo-async\async.js:7974:18)
    at options.error (C:\LarProjects\larOne\node_modules\node-sass\lib\index.js:294:32)

 error  in ./resources/assets/sass/app.scss

Module build failed: ModuleBuildError: Module build failed:
undefined
^
      File to import not found or unreadable: ~bootstrap/scss/bootstrap.
      in C:\LarProjects\larOne\resources\assets\sass\app.scss (line 9, column 1)
    at runLoaders (C:\LarProjects\larOne\node_modules\webpack\lib\NormalModule.js:195:19)
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:364:11
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:230:18
    at context.callback (C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.asyncSassJobQueue.push [as callback] (C:\LarProjects\larOne\node_modules\sass-loader\lib\loader.js:55:13)
    at Object.done [as callback] (C:\LarProjects\larOne\node_modules\neo-async\async.js:7974:18)
    at options.error (C:\LarProjects\larOne\node_modules\node-sass\lib\index.js:294:32)
                                                                                                                                    Asset
  Size  Chunks                    Chunk Names
/js/app.js  1.25 MB       0  [emitted]  [big]  /js/app

WARNING in ./resources/assets/js/bootstrap.js
Module not found: Error: Can't resolve 'bootstrap' in 'C:\LarProjects\larOne\resources\assets\js'
 @ ./resources/assets/js/bootstrap.js 14:2-22
 @ ./resources/assets/js/app.js
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/assets/sass/app.scss
Module build failed:
undefined
^
      File to import not found or unreadable: ~bootstrap/scss/bootstrap.
      in C:\LarProjects\larOne\resources\assets\sass\app.scss (line 9, column 1)
 @ ./resources/assets/sass/app.scss 4:14-266
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/sass/app.scss
Module build failed: ModuleBuildError: Module build failed:
undefined
^
      File to import not found or unreadable: ~bootstrap/scss/bootstrap.
      in C:\LarProjects\larOne\resources\assets\sass\app.scss (line 9, column 1)
    at runLoaders (C:\LarProjects\larOne\node_modules\webpack\lib\NormalModule.js:195:19)
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:364:11
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:230:18
    at context.callback (C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.asyncSassJobQueue.push [as callback] (C:\LarProjects\larOne\node_modules\sass-loader\lib\loader.js:55:13)
    at Object.done [as callback] (C:\LarProjects\larOne\node_modules\neo-async\async.js:7974:18)
    at options.error (C:\LarProjects\larOne\node_modules\node-sass\lib\index.js:294:32)
 @ ./resources/assets/sass/app.scss
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/sass/app.scss
Module build failed: ModuleBuildError: Module build failed:
undefined
^
      File to import not found or unreadable: ~bootstrap/scss/bootstrap.
      in C:\LarProjects\larOne\resources\assets\sass\app.scss (line 9, column 1)
    at runLoaders (C:\LarProjects\larOne\node_modules\webpack\lib\NormalModule.js:195:19)
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:364:11
    at C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:230:18
    at context.callback (C:\LarProjects\larOne\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.asyncSassJobQueue.push [as callback] (C:\LarProjects\larOne\node_modules\sass-loader\lib\loader.js:55:13)
    at Object.done [as callback] (C:\LarProjects\larOne\node_modules\neo-async\async.js:7974:18)
    at options.error (C:\LarProjects\larOne\node_modules\node-sass\lib\index.js:294:32)
 @ ./resources/assets/sass/app.scss
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\hp\AppData\Roaming\npm-cache\_logs\2018-06-30T20_10_44_115Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\hp\AppData\Roaming\npm-cache\_logs\2018-06-30T20_10_44_144Z-debug.log

Я думал, что это может быть неправильно, что я делаю. Я действительно думаю, что у нас должен быть способ выбрать версию начальной загрузки при создании проекта laravel с помощью composer.

Ответы [ 2 ]

0 голосов
/ 29 июня 2019

Вам необходимо настроить путь к загрузочному файлу начальной загрузки в resources / sass / app.scss из-за следующего: 

// Bootstrap

@ import '../../node_modules/bootstrap/dist/css/bootstrap.min.css'

Убедитесь, что у вас есть маршрут, который вы называете начальной загрузкой

0 голосов
/ 07 июля 2018

У меня была такая же проблема, и я следовал этому руководству и этой функции для моего

Смена Boostrap 4 In Laravel

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...