ASP.Net Core 2.1 с шаблоном Angular - не удается обновить Bootstrap

Когда я создаю новый проект ASP.Net Core 2.1, выбираю шаблон angular, захожу в package.json и меняю номер версии начальной загрузки с версии 3 по умолчанию на версию 4 («4.0.0» и т. Д.), Тогда он всегда ломает мое приложение. Я пробовал очень много вещей, таких как удаление папки node_modules и ее переустановка, а также попытки обновить все другие зависимости начальной загрузки, но безуспешно.

Я хочу иметь возможность обновить его до версии 4.0, чтобы я мог следовать примерам кода на домашней странице начальной загрузки.

Это нарушает маршрутизацию в angular, поэтому страница не загружается и вызывает следующую ошибку BrowserslistError: Unknown browser major. Я пробовал обновить список браузеров, но безуспешно.

Кто-нибудь еще пытался создать новый проект в VS 2017 и выбрать шаблон «ASP.Net Core 2.1 с Angular», а затем попытался обновить загрузочную загрузку? Есть ли «правильный» способ сделать это?

webpack: Failed to compile.

Microsoft.AspNetCore.SpaServices:Error: ERROR in ./node_modules/bootstrap/dist/css/bootstrap.min.css
Module build failed: BrowserslistError: Unknown browser major
    at error (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:37:11)
    at Function.browserslist.checkName (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:320:18)
    at Function.select (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:438:37)
    at C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:207:41
    at Array.forEach (<anonymous>)
    at browserslist (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:196:13)
    at Browsers.parse (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\browsers.js:44:14)
    at new Browsers (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\browsers.js:39:28)
    at loadPrefixes (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\autoprefixer.js:56:18)
    at plugin (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\autoprefixer.js:62:18)
    at LazyResult.run (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:277:20)
    at LazyResult.asyncTick (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:192:32)
    at LazyResult.asyncTick (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:204:22)
    at LazyResult.asyncTick (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:204:22)
    at processing.Promise.then._this2.processed (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:231:20)
    at new Promise (<anonymous>)
 @ multi ./src/styles.css ./node_modules/bootstrap/dist/css/bootstrap.min.css
ERROR in ./node_modules/bootstrap/dist/css/bootstrap.min.css
Module build failed: ModuleBuildError: Module build failed: BrowserslistError: Unknown browser major
    at error (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:37:11)
    at Function.browserslist.checkName (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:320:18)
    at Function.select (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:438:37)
    at C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:207:41
    at Array.forEach (<anonymous>)
    at browserslist (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\browserslist\index.js:196:13)
    at Browsers.parse (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\browsers.js:44:14)
    at new Browsers (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\browsers.js:39:28)
    at loadPrefixes (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\autoprefixer.js:56:18)
    at plugin (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\autoprefixer\lib\autoprefixer.js:62:18)
    at LazyResult.run (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:277:20)
    at LazyResult.asyncTick (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:192:32)
    at LazyResult.asyncTick (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:204:22)
    at LazyResult.asyncTick (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:204:22)
    at processing.Promise.then._this2.processed (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:231:20)
    at new Promise (<anonymous>)
    at runLoaders (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\webpack\lib\NormalModule.js:195:19)
    at C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:364:11
    at C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:230:18
    at context.callback (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Promise.resolve.then.then.catch (C:\Users\Anon\source\repos\WebApplication2\WebApplication2\ClientApp\node_modules\postcss-loader\lib\index.js:189:71)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)

person Mayron    schedule 11.06.2018    source источник


Ответы (1)


Решением было использовать конкретную бета-версию начальной загрузки без модификатора ^:

"bootstrap": "4.0.0-beta.2",

Надеюсь, это поможет кому-то еще, кто сталкивается с этой проблемой!

Надеюсь, разработчики скоро исправят это.

person Mayron    schedule 11.06.2018