这是我的nuxt.config.js文件的一部分：
head: {
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
// load bootsttrap.css from CDN
//{ type: 'text/css', rel: 'stylesheet', href: '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' },
]
},
css: [
// this line include bootstrap.css in each html file on generate
'bootstrap/dist/css/bootstrap.css',
'assets/main.css'
],
在这种情况下，nuxt上每个html文件中包含的bootstrap.css 都会生成。为了解决这个问题，我在css部分注释了行'bootstrap / dist / css / bootstrap.css'，在链接部分注释了rel样式表行。
从CDN加载该bootstrap.css文件之后，该文件未包含在html文件中。因此，我认为这不是一个很好的主意。
如何在构建时将bootstrap.css从“ node_modules / bootstrap / dist / ...”复制到“〜/ assets”，然后从此处加载它？
我尝试使用 nuxt.js 和这个模板制作网站。我将文件夹：css、img、js、scss、vendor 从模板复制到我的 nuxt 项目的静态文件夹。在此之后，我制作了nuxt.config.js和pages/index.vue文件。除了页面上的平滑滚动外，所有工作都很好。我在浏览器控制台中看到错误：
agency.min.js:7 Uncaught TypeError: Cannot read property 'top' of undefined
at a (agency.min.js:7)
at agency.min.js:7
at agency.min.js:7
我该如何解决这个问题？
UPD：您可以下载此项目以重现错误
我在节点js中使用猫鼬驱动程序。我的架构：
let sendResultSchema = mongoose.Schema({
emailId: String, email: String,
letterId: String, sendedFrom: String,
resultMsg: String, owner: String,
created: Date, result: Boolean,
tag: String, tryNum: Number,
clickHash: String, links: [String]
})
sendResultSchema.index({emailId: 1, letterId: 1, result: 1, owner: 1, tag: 1, clickHash: 1})
let sendResultModel = mongoose.model('sendresult', sendResultSchema)
sendresult集合具有641000个文档。
该查询执行约0.5秒。
db.sendresults.find({"tag" : "tagValue", "letterId" : "5ad630b5949bb02ea07d15d1"}).sort({emailId: -1}).limit(1)
我认为它必须执行得更快。您可以在此处查看此查询的说明
如何使此查询更快？
我的 vue-cli3 生成的应用程序中需要侧边栏 这是我的 package.json 的一部分
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.15",
"@fortawesome/free-solid-svg-icons": "^5.7.2",
"@fortawesome/vue-fontawesome": "^0.1.5",
"bootstrap": "^4.3.1",
"bootstrap-vue": "^2.0.0-rc.26",
"core-js": "^2.6.5",
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vue-sidebar-menu": "^3.11.1"
},
main.js：
import Vue from 'vue'
import './plugins/fontawesome'
import App from './App.vue'
import router from './router'
import VueSidebarMenu from 'vue-sidebar-menu'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import 'vue-sidebar-menu/dist/vue-sidebar-menu.css'
Vue.use(BootstrapVue)
Vue.use(VueSidebarMenu)
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
应用程序.js
<template>
<div id="app">
<sidebar-menu :menu="menu" />
<div class="container float-right">
<router-view/> …