Чат Telegram
Группа ВКонтакте
Новый комментарий


85bogdan45 05.05.2019 в 20:39

./node_modules/.bin/encore dev - выполняя данную команду ничего не происходит и терминал ругается на точку.
Если же выполнить данную команду npm run dev, то файлы компилируются.

Почему так?

Serge 09.08.2019 в 15:57

Error: ./node_modules/bootstrap/dist/js/bootstrap.min.js Error: Can't resolve 'jquery' in '/var/www/sites/edu/symfony4.loc/node_modules/bootstrap/dist/js'


npm WARN bootstrap@4.3.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.3.1 requires a peer of popper.js@^1.14.7 but none is installed. You must install peer dependencies yourself.


npm install jquery@1.9.1
npm install popper.js@^1.14.7


./node_modules/.bin/encore dev


Error: ./node_modules/bootstrap/dist/js/bootstrap.min.js Error: Can't resolve 'jquery' in '/var/www/sites/edu/symfony4.loc/node_modules/bootstrap/dist/js'


npm install jquery
npm install popper.js


./node_modules/.bin/encore dev


Build successful


Но стили bootstrapa так и не внедрились в страницу и не появились в папке public/build - там остался тот же самый app.css с несколькими строками
Правда появились папки vendors~js и vendors~css

Я подключил вот так - <link rel="stylesheet" href="{{ asset('build/vendors~css/app.css') }}">
и bootstrap-стили сработали. Но мои стили - нигде не проявляются

Попробовал поменять очереедность:

.addEntry('js/app', [
        './node_modules/bootstrap/dist/js/bootstrap.min.js',
        './assets/js/app.js'
    ])
    .addStyleEntry('css/app', [
        './node_modules/bootstrap/dist/css/bootstrap.min.css',
        './assets/css/app.css'
    ])

Это не помогло.

Вернул <link rel="stylesheet" href="{{ asset('build/css/app.css') }}">
Там опять таки только мои стили, без bootstrap

[serge@serge symfony4.loc]$ ./node_modules/.bin/encore dev
Running webpack ...

 DONE  Compiled successfully in 1860ms                                                                                                                                                                                               16:11:03

 I  7 files written to public/build
Entrypoint js/app [big] = runtime.js vendors~js/app.js js/app.css js/app.js
Entrypoint css/app [big] = runtime.js vendors~css/app.css vendors~css/app.js css/app.css
Serge 13.08.2019 в 18:26

Закрыл вопрос с генерацией файлов стилей и js таким способом:

webpack.config.js:
Вот это вот:

.addEntry('js/app', [
        './node_modules/bootstrap/dist/js/bootstrap.min.js',
        './assets/js/app.js'
    ])
    .addStyleEntry('css/app', [
        './node_modules/bootstrap/dist/css/bootstrap.min.css',
        './assets/css/app.css'
    ])

Заменил на вот это вот:

    .addEntry('js/app', [
        './assets/bootstrap/dist/js/bootstrap.min.js',
        './assets/js/app.js'
    ])
    .addStyleEntry('css/app', [
        './assets/bootstrap/dist/css/bootstrap.min.css',
        './assets/css/app.css'
    ])

Естественно, вместе с заменой путей, скопировал и саму папку bootstrap в assets. Скомпилировало удачно. То есть, кроме надписи, что все удачно, еще и файл public/build/css/app.css содержит bootstrap-код. А до этого пробовал менять права на папку node_modules, переустанавливал npm и сам nodejs - все было без толку.

Логические задачи с собеседований