vue.js - vue-cli 3 导入'bootstrap/dist/css/bootstrap.css'错误

Question

我正在将现有的 Vue 项目转换为 vue-cli 3 并遇到了一个意外问题：
在 .js 文件中，我收到此错误（当我运行时npm run serve）的行import 'bootstrap/dist/css/bootstrap.css';

错误：“bootstrap”应该列在项目的依赖项中。运行 'npm i -S bootstrap' 在 src\main.js:19:1 添加它（导入/无外部依赖项）：

我不明白，因为我package.json已经有了引导程序：

"dependencies": {
"axios": "^0.18.0",
"bootstrap": "^4.1.3",
"bootstrap-vue": "^2.0.0-rc.11",
"jquery": "^3.3.1",
"popper": "^1.0.1",
"vue": "^2.5.17",
"vue-router": "^3.0.1",
"vuex": "^3.0.1"

},

vue-cli 文档提到使用波浪号表示“从节点模块导入”，所以我也尝试过

import '~bootstrap/dist/css/bootstrap.css';   

- 并得到了同样的错误。

标签： vue.jsbootstrap-4vue-cli-3

Answer 1

通过删除 node_modules 并再次运行“npm install”解决了问题。