Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

哥有没有适配mpvue2.0的计划 #108

Open
fengzhiqiang012 opened this issue Feb 19, 2019 · 54 comments
Open

哥有没有适配mpvue2.0的计划 #108

fengzhiqiang012 opened this issue Feb 19, 2019 · 54 comments

Comments

@fengzhiqiang012
Copy link

megalo 总感觉编译很慢

@F-loat
Copy link
Owner

F-loat commented Feb 19, 2019

最新版支持 mpvue2.0 的,使用中具体有什么问题吗

@fengzhiqiang012
Copy link
Author

最新版支持 mpvue2.0 的,使用中具体有什么问题吗

好的 哥, 我看你没写 就没去试 还是用的以前的 等下我去迁移试试

@fengzhiqiang012
Copy link
Author

最新版支持 mpvue2.0 的,使用中具体有什么问题吗

哥,报错
const importNode = astPath.node.specifiers[0].local;
^

TypeError: Cannot read property 'local' of undefined

用的官方最新的quickstart 然后接你的报错

@F-loat
Copy link
Owner

F-loat commented Feb 19, 2019

main.js 发一下

@fengzhiqiang012
Copy link
Author

main.js 发一下

解决了,少了个依赖 感谢感谢

@tianlinzx
Copy link

哥,既然支持2.0了,能不能把quickstart也相应的更新一下? @fengzhiqiang012

@wxymmxf

This comment has been minimized.

@F-loat
Copy link
Owner

F-loat commented Mar 18, 2019

提问请具体一点,可以复现才能帮你解决

@F-loat
Copy link
Owner

F-loat commented Mar 18, 2019

发下 pages.js 的内容

@F-loat
Copy link
Owner

F-loat commented Mar 18, 2019

看下 readme,[email protected] 调整了下这个文件的格式

@wxymmxf
Copy link

wxymmxf commented Mar 18, 2019

看下 readme,[email protected] 调整了下这个文件的格式

收到!我马上试试,多谢

@wxymmxf
Copy link

wxymmxf commented Mar 18, 2019

看下 readme,[email protected] 调整了下这个文件的格式

感谢大神!修改了入口为app.json,已经ok了,多谢多谢!

@muzixiaojun
Copy link

看下 readme,[email protected] 调整了下这个文件的格式

感谢大神!修改了入口为app.json,已经ok了,多谢多谢!

能把你配置的给我看下吗?我也是你之前的问题,可是我改了入口为app.json,直接不能编译

@muzixiaojun

This comment has been minimized.

@muzixiaojun
Copy link

pages.js

module.exports = [
{
path: 'pages/index/index',
name: 'Index',
config: {
navigationBarTitleText: 'zhuye'
}
}, {
path: 'pages/test1/index',
name: 'Test1',
config: {
navigationBarTitleText: 'list详情',
usingComponents: {
'i-button': '../../static/iview/button/index'
}
}
}, {
path: 'pages/list/index',
name: 'List',
config: {
navigationBarTitleText: 'zzzzzzz7777'
}
}
]

@muzixiaojun
Copy link

我的package.json里的 mpvue-loader: '^2.0.0' "mpvue-entry": "^1.5.9" 还需要什么?我提供 或者哪位大神QQ发给我 指导我一下

@F-loat
Copy link
Owner

F-loat commented Mar 26, 2019

@muzixiaojun 用最新版的 mpvue-entry

@muzixiaojun
Copy link

@muzixiaojun 用最新版的 mpvue-entry

大神 按照你说的 最新版了,然后是编译起来了,可是报 出现脚本错误或者未正确调用 Page()

@muzixiaojun
Copy link

然后需要每个创建的页面 都有main.js吗?因为我点击跳test页面报找不到test的main.js

@F-loat
Copy link
Owner

F-loat commented Mar 27, 2019

@muzixiaojun 原来的 path 为 /pages/test/main 的话,用了这个库之后改成 /pages/test 即可

@muzixiaojun
Copy link

我的path就是 /pages/test,所以我也不知道到底是哪里配置错误了,能麻烦加下你QQ,我截图给你看下吗

@muzixiaojun
Copy link

现在就是编译后, pages/index.js 出现脚本错误或者未正确调用 Page() 这个是什么情况

@F-loat
Copy link
Owner

F-loat commented Mar 27, 2019

webpack-mpvue-asset-plugin 这个插件更新下试试

@muzixiaojun
Copy link

我用是用官方mvpue-cli 搭建的项目。里面的webpack-mpvue-asset-plugin:"^2.0.0",应该是最新版本的把。我也把node_modules全删了,重装,问题还是没有解决

@F-loat
Copy link
Owner

F-loat commented Mar 28, 2019

@muzixiaojun 没有多平台需求的话可以用 https://github.com/F-loat/mpvue-quickstart 这个模板

@zjydipingxian
Copy link

按照你的配置信息, npm run dev 起不来

@zjydipingxian
Copy link

mpvue,是2.0版本的

@F-loat
Copy link
Owner

F-loat commented Apr 1, 2019

上面那个模板有问题吗?有报错的话发一下

@zjydipingxian
Copy link

上面那个模板有问题吗?有报错的话发一下

QQ图片20190401154650

@F-loat
Copy link
Owner

F-loat commented Apr 1, 2019

@zjydipingxian 官方的模板吗,你依赖安装有问题吧

@zjydipingxian
Copy link

@zjydipingxian 官方的模板吗,你依赖安装有问题吧

是官方模板搭建, 使用此版本npm i mpvue-entry@next -D, 作者如果方便可以加下我QQ? 方便沟通 1036432890

@F-loat
Copy link
Owner

F-loat commented Apr 1, 2019

@zjydipingxian 你这个是缺依赖,再执行下 npm i 看看,有多平台需求的话推荐你用 uni-app 吧,配置也相对简便很多

@zjydipingxian
Copy link

@zjydipingxian 你这个是缺依赖,再执行下 npm i 看看,有多平台需求的话推荐你用 uni-app 吧,配置也相对简便很多

我装了这样呀,就是装了这个我启动不了,现在不考虑多平台。

@F-loat
Copy link
Owner

F-loat commented Apr 1, 2019

@zjydipingxian 不考虑多平台你直接用我提供的模板不就行,我看看是不官方模板缺个依赖 模板没问题

@zjydipingxian
Copy link

@zjydipingxian 你这个是缺依赖,再执行下 npm i 看看,有多平台需求的话推荐你用 uni-app 吧,配置也相对简便很多

image

@F-loat
Copy link
Owner

F-loat commented Apr 1, 2019

path 是 vue 文件的路径

@zjydipingxian
Copy link

npm install 和 npm i 有区别的?

@F-loat
Copy link
Owner

F-loat commented Apr 1, 2019

没区别,缺依赖你再装一次就行,估计装这个模块的时候被删掉了

@zjydipingxian
Copy link

没区别,缺依赖你再装一次就行,估计装这个模块的时候被删掉了

我现在npm i, 然后把文件里面的main.js 删除了 就可以了。

@annxsun
Copy link

annxsun commented Jul 12, 2019

最新版支持 mpvue2.0 的,使用中具体有什么问题吗

哥,报错
const importNode = astPath.node.specifiers[0].local;
^

TypeError: Cannot read property 'local' of undefined

用的官方最新的quickstart 然后接你的报错

我使用mixin 也报这个错了, 你咋解决的?

@annxsun
Copy link

annxsun commented Jul 12, 2019

import Vue from 'vue'
import App from '@/App'
import store from '@/store'
import MpvueRouterPatch from 'mpvue-router-patch'
import request from './utils/request'
import './style/common'
Vue.use(MpvueRouterPatch)
Vue.prototype.$store = store
Vue.prototype.$request = request

Vue.mixin({
  computed: {
    $miniAppName: function() {
      return process.env.PROJECT_NAME
    },
    $miniStaticBase: function() {
      return process.env.STATIC_RESOURCE_LOCATION
    }
  }
})

const app = new Vue(App)
app.$mount()

加了 Vue.mixin({}) 就报错了

> [email protected] start C:\workspace\my\mpvue-basic
> node build/dev-server.js

C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\lib\parser\template.js:10
        const importNode = astPath.node.specifiers[0].local;
                                                      ^

TypeError: Cannot read property 'local' of undefined
    at enter (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\lib\parser\template.js:10:55)
    at NodePath._call (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\path\context.js:53:20)
    at NodePath.call (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\path\context.js:40:17)
    at NodePath.visit (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\path\context.js:88:12)
    at TraversalContext.visitQueue (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\context.js:118:16)
    at TraversalContext.visitMultiple (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\context.js:85:17)
    at TraversalContext.visit (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\context.js:144:19)
    at Function.traverse.node (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\index.js:94:17)
    at NodePath.visit (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\path\context.js:95:18)
    at TraversalContext.visitQueue (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\context.js:118:16)
    at TraversalContext.visitSingle (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\context.js:90:19)
    at TraversalContext.visit (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\context.js:146:19)
    at Function.traverse.node (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\index.js:94:17)
    at traverse (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\node_modules\@babel\traverse\lib\index.js:76:12)
    at removeImportBySpecifier (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\lib\parser\template.js:7:3)
    at CallExpression (C:\workspace\my\mpvue-basic\node_modules\mpvue-entry\lib\parser\template.js:71:9)
npm ERR! code ELIFECYCLE

@F-loat
Copy link
Owner

F-loat commented Jul 12, 2019

emmm 先把 mixin 的内容提取到其他文件吧

@annxsun
Copy link

annxsun commented Jul 12, 2019

emmm 先把 mixin 的内容提取到其他文件吧

好的

@LiangFuzhi
Copy link

image
image
vue init F-loat/mpvue-quickstart my-project生成的项目引用其他文件报错
image

@F-loat
Copy link
Owner

F-loat commented Aug 6, 2019

暂时把 css 的引用放到 App.vue 里

@LiangFuzhi
Copy link

image
放在app.vue也是出错,放在main.js把css后缀去掉就不会报错

@F-loat
Copy link
Owner

F-loat commented Aug 6, 2019

style 里引用模块需要加个 ~ 的吧

@LiangFuzhi
Copy link

已弃坑,跳进megalo新坑

@zhoufanglu
Copy link

楼主少了什么依赖,我跟你报一样的错,使用mixins会这样

@zhoufanglu
Copy link

解决了,少了个依赖 感谢感谢

请问少了什么依赖。

@slimvan
Copy link

slimvan commented Jul 27, 2021

main.js 发一下

解决了,少了个依赖 感谢感谢

同问少了什么依赖

@zhoufanglu
Copy link

main.js 发一下

解决了,少了个依赖 感谢感谢

同问少了什么依赖

不记得了,好久远的问题了, 这年代不合适用mpvue了, 兄弟 建议用别的

@slimvan
Copy link

slimvan commented Jul 27, 2021

main.js 发一下

解决了,少了个依赖 感谢感谢

同问少了什么依赖

不记得了,好久远的问题了, 这年代不合适用mpvue了, 兄弟 建议用别的

好的 谢谢 我是用原生的,接手别人一个mpvue的项目,配置都整半天...

@zhoufanglu
Copy link

main.js 发一下

解决了,少了个依赖 感谢感谢

同问少了什么依赖

不记得了,好久远的问题了, 这年代不合适用mpvue了, 兄弟 建议用别的

好的 谢谢 我是用原生的,接手别人一个mpvue的项目,配置都整半天...
下面是我之前的main.js

import Vue from 'vue'
import MpvueRouterPatch from 'mpvue-router-patch'
import App from '@/App'
import store from '@/store'

//全局变量
import prototype  from '../src/js/prototype'

//全局组件
import headComponent from "./components/global/headComponent";
import footComponent from "./components/global/footComponent";
import transparentHead from "./components/global/transparentHead";
import message from "./components/global/message";

//全局常量
import '@/js/prototype'

Vue.use(MpvueRouterPatch)
Vue.use(prototype)
Vue.config.productionTip = false
//mockjs
import useMock from './mock/mock'
useMock(false)

//mixins
/*import mixins from "./js/mixins";
console.log(27, mixins)
Vue.mixin({
  mounted(){
    console.log('666')
  }
})*/

Vue.component('headComponent', headComponent)
Vue.component('footComponent', footComponent)
Vue.component('transparentHead', transparentHead)
Vue.component('message', message)





const app = new Vue({
  mpType: 'app',
  store,
  ...App
})
app.$mount()

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants