First, let’s take a look at the principle of scoped in vue-loader: https://vue-loader.vuejs.org/...
The page with bootstrap style only means that the bootstrap css has not been processed by vue-loader. Then I searched for the following postcss and @import keywords, and then found the postcss-import plug-in: https://www. npmjs.com/package…
I think if you use this plug-in, it should be able to solve the problem, but I haven’t tested it, it’s just speculation
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I guess it’s because of @import
First, let’s take a look at the principle of scoped in vue-loader:
https://vue-loader.vuejs.org/...
The page with bootstrap style only means that the bootstrap css has not been processed by vue-loader. Then I searched for the following postcss and @import keywords, and then found the postcss-import plug-in:
https://www. npmjs.com/package…
I think if you use this plug-in, it should be able to solve the problem, but I haven’t tested it, it’s just speculation
Look for the parent page of b, go up level by level, it must be referenced by that page
Just put it
@import '../css/bootstrap.css';去掉；换成
and it’s ready