【发布时间】：2019-02-10 21:10:36
【问题描述】：
我正在将现有的 Vue 项目转换为 vue-cli 3，但遇到了意外问题：
在 .js 文件中，import 'bootstrap/dist/css/bootstrap.css'; 行出现此错误（当我运行 npm run serve 时）
错误：'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';
-- 并得到同样的错误。
【问题讨论】：
-
您的导入看起来不错。你在
main.js文件中还做了什么？ -
在我之前的设置中（在尝试切换到 vue-cli 3 之前），我的 webpack 配置将“main.js”列为我的应用程序“入口：”。
-
我想通过在此处插入 main.js 的顶行来回答 Bennett 的问题，但 StackOverflow 不会让我...... grrr。总之，main.js 导入了一堆东西：Vue、Vuex、VueRouter 和六个 Vue 组件。它定义了 Vuex 存储。它执行“new Vue()”来用路由器替换“app”元素（在 index.html 中）并指定商店。
-
您是否尝试删除整个
node_modules文件夹并在之后运行npm install？ -
是的，这确实解决了问题。谢谢！ （这很奇怪，因为我之前做过“npm install”并检查过该文件是否存在。）
标签： vue.js bootstrap-4 vue-cli-3