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中添加它（import / no-extraneous-dependencies）：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”解决了问题。