Vue.js vue cli 3导入和#x27;bootstrap/dist/css/bootstrap.css';错误

Vue.js vue cli 3导入和#x27;bootstrap/dist/css/bootstrap.css';错误,vue.js,bootstrap-4,vue-cli-3,Vue.js,Bootstrap 4,Vue Cli 3,我正在将现有的Vue项目转换为Vue cli 3,但遇到了意外问题: 在一个.js文件中,我在import'bootstrap/dist/css/bootstrap.css'行中(当我运行npm run service时)得到了这个错误 错误:“引导”应列在项目的依赖项中。 运行“npm i-S引导”以添加它(导入/无无关依赖项) 在src\main.js:19:1: 我不明白,因为我的package.json已经有了引导: "dependencies": { "axios": "^0.18.0

我正在将现有的Vue项目转换为Vue cli 3,但遇到了意外问题:
在一个.js文件中,我在
import'bootstrap/dist/css/bootstrap.css'行中(当我运行
npm run service
时)得到了这个错误

错误:“引导”应列在项目的依赖项中。 运行“npm i-S引导”以添加它(导入/无无关依赖项) 在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"
},

提到使用tilde表示“从节点模块导入”,所以我也尝试了

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

--得到了同样的错误

通过删除节点模块并再次运行“npm安装”解决了此问题。

您的导入看起来不错。在
main.js
文件中还可以做什么?在我以前的设置中(在尝试切换到vue cli 3之前),我的网页配置将“main.js”列为我的应用程序“条目:”。我想通过在此处插入main.js的顶行来回答Bennett的问题,但StackOverflow不允许我。。。。吼叫声总之,main.js导入了很多东西:Vue、Vuex、VueRouter和六个Vue组件。它定义了Vuex存储。它使用“new Vue()”将“app”元素(在index.html中)替换为路由器并指定存储。您是否尝试删除整个
节点模块
文件夹,然后运行
npm install
?是的,这确实解决了问题。谢谢(这很奇怪,因为我以前做过“npm安装”,并检查了该文件是否存在。)