第一次使用nuxt開發(fā),菜狗求指點~
該項目是一個純靜態(tài)的項目,為滿足seo需求使用nuxt開發(fā),使用 starter 模板創(chuàng)建,項目開發(fā)完成后,使用 npm run build 打包項目之后,生成的dist中只有一個_nuxt文件夾,連index.html入口文件都沒有。
因為是純靜態(tài)文件,所以服務(wù)器端并沒有部署node環(huán)境,求教下這種情況下怎么部署,如果要裝node環(huán)境的話,要怎么部署。
問題一:
npm run build 之后 按照sg上大佬的文章 直接 npm start 也會報如下錯誤:
問題二
此外,自從npm run build之后,之前開發(fā)環(huán)境項目也run不起來了,報了如下錯誤:
我并沒有配置任何middleware, 在這個報錯的基礎(chǔ)上,刷新再次報錯
以下為我的 nuxt.config.js 配置項
module.exports = {
/*
** Headers of the page
*/
head: {
title: 'test Title',
meta: [
{charset: 'utf-8'},
{name: 'viewport', content: 'initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no'},
{hid: 'description', name: 'description', content: 'Test Title'}
],
link: [
{rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}
]
},
/*
** Customize the progress bar color
*/
loading: './components/loading.vue',
css: [
{src: '~assets/style/main.scss', lang: 'scss'}
],
plugins: [
{src: '~plugins/vconsole', ssr: false}
],
/*
** Build configuration
*/
build: {
postcss: [
require('autoprefixer')({
browsers: ['last 3 versions']
})
],
babel: {
presets: ['es2015', 'stage-0'],
plugins: ['transform-runtime']
},
vendor: ['babel-polyfill', 'weixin-js-sdk'],
/*
** Run ESLint on save
*/
extend(config, {isDev, isClient}) {
if (isDev && isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
}
}
}
}
package.json 如下:
{
"name": "official-website",
"version": "1.0.0",
"description": "Nuxt.js project",
"author": "xqFE",
"config": {
"nuxt": {
"host": "0.0.0.0",
"port": "3333"
}
},
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
},
"dependencies": {
"babel-polyfill": "^6.26.0",
"chimee-player": "^1.1.10",
"clipboard": "^1.7.1",
"nuxt": "^1.0.0",
"sweet-modal-vue": "^2.0.0",
"vconsole": "^3.1.0",
"vue-awesome-swiper": "^3.1.0",
"vue-countup-v2": "^0.1.2",
"vue-touch-ripple": "^2.4.0",
"weixin-js-sdk": "^1.2.0"
},
"devDependencies": {
"babel-eslint": "^7.2.3",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"eslint": "^4.3.0",
"eslint-config-standard": "^10.2.1",
"eslint-loader": "^1.9.0",
"eslint-plugin-html": "^3.1.1",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-node": "^5.1.1",
"eslint-plugin-promise": "^3.5.0",
"eslint-plugin-standard": "^3.0.1",
"node-sass": "^4.7.2",
"pug": "^2.0.0-rc.4",
"sass-loader": "^6.0.6"
}
}
問題三
嘗試用 generate 生成靜態(tài)頁面,也報了各種錯誤,就是所有的路由錯誤
路由結(jié)構(gòu)如下:
再次求各位大佬指點~
我是按照http://jspang.com/2018/02/26/...
的視頻教程安裝的,沒有報錯,
但是不知道怎么使用vue-awesome-swiper,你是怎么用的?
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。