egg 调用html文件,egg怎么引入vue

43afb404fb8ba049e779afecba366617.png

egg怎么引入vue

egg.js与vue结合使用 , 可以通过脚手架 easywebpack-cli来实现。

1、全局安装easywebpack-clinpm install easywebpack-cli -g

2、项目初始化easy init

选择项目配置:(相关课程推荐:Vue.js教程)

配置1:此处选择的是第四个: create server side render project boiloerplate for Egg + Vue...

配置2:create ... egg + vue single page ... 输入 1,然后按 enter

另外几个中还有一个是multie page

配置3:projectname / project description / ...

3、执行完第2步,根据官网提示,进入项目文件夹后直接执行 easy start 或者 node index.js会报错。

4d1c85b390d077e2604d6275ab62e686.png

错误1 解决办法:// ${app_root}/config/config.local.js 补充添加如下代码:

const EasyWebpack = require('easywebpack-vue');

module.exports = app => {

...

// 本地开发时,读取 Webpack 配置

exports.webpack = {

webpackConfigList: EasyWebpack.getWebpackConfig()

};

...

return exports;

}

运行项目 node index.js

http://127.0.0.1:7001

常见错误:

1ed8a3387121ed370a2e4c5139781a79.png

解决办法: 执行npm install --registry https://registry.npm.taobao.org,类似错误差不多都可以使用。

本文来自Vue.js答疑栏目,欢迎学习!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值