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 doc提到使用波浪号表示“从节点模块导入”，因此我也尝试了

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

-并得到相同的错误。

Answer 1

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