lzxb / vue-demo Goto Github PK

[HPM] Proxy created: **  ->  https://cnodejs.org/
events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: listen EADDRINUSE :::3000
    at Object.exports._errnoException (util.js:953:11)
    at exports._exceptionWithHostPort (util.js:976:20)
    at Server._listen2 (net.js:1253:14)
    at listen (net.js:1289:10)
    at Server.listen (net.js:1385:5)
    at Server.listen (/Users/kevinli/Desktop/vue2-demo/node_modules/.npminstall/webpack-dev-server/1.16.2/webpack-dev-server/lib/Server.js:324:27)
    at Object.<anonymous> (/Users/kevinli/Desktop/vue2-demo/server.js:20:8)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Function.Module.runMain (module.js:575:10)
    at startup (node.js:160:18)
    at node.js:449:3

代理没成功 不知道啥原因

你这里为什么要用这种方式

用dispatch 不是更好吗 例如
this.$store.dispatch(USER_SIGN_IN,this.form);
this.$router.push('idx');

npm install
npm run dev 后 提示

node server
[HPM] Proxy crated: **  ->  https://cnodejs.org/
http://localhost:3000/app

打开localhost地址后显示的是 cnodejs.org的页面？

component: resolve => require(['../pages/login/'], resolve)

These relative modules were not found:

• ./config/routes in ./src/main.js
• ./assets/logo.png in .//._vue-loader@11.3.4@vue-loader/lib/template-compiler?{"id":"data-v-2a38d292"}!.//._vue-loader@11.3.4@vue-loader/lib/selector.js?type=template&index=0!./src/App.vue

Listening at http://localhost:8080
3000那个也不能访问呢。

webpack编译成功, 浏览器中也可以通过[http://localhost:3000/app/#/] 访问.
但是奇怪的是, 怎么也找不到编译后输出的文件.
配置的不是放到项目目录/app/下, 为什么找不到文件, 浏览器里却可以访问呢?
拜托, 求助!!!

看评论应该有好几个人都遇到这个问题了

component: resolve => require(['../pages/login/'], resolve)这里的resolve函数在哪？

`
export const ssr = new SSR({

name: 'ssr-demo',

build: {

    alias: {

        '@': path.resolve(__dirname, './src')

    },

    template: path.resolve(__dirname, './index.html')

}

});
`
别名配置后开发环境ok，yarn run build报错

好像没有看到vue-resource相关的东西啊？

我尝试使用了一下这个登录模块，碰到了一个问题：

目前的登录和退出是由vuex中的状态来控制的，
0. 登录时添加状态，

1. 路由切换时通过钩子检查该状态是否存在，

但是这样有一个问题，无论当前的URL在哪，只要刷新页面，vuex被清空，用户就一定会退出。
这是确实存在的问题，还是我漏了什么关键部分？

我的解决办法是将状态保存了一份在session/localStorage中，路由切换时检查，
可是这样一来，原本vuex的状态就变得非常鸡肋。

望赐教

给推荐几个Vue2的开源后台项目，一些系统的后端管理系统，供管理员使用的。

最后一步运行的时候出错：
c:\Users\Administrator\Documents\Vue\git\vue2-demo-master>cnpm run dev

[email protected] dev c:\Users\Administrator\Documents\Vue\git\vue2-demo-master
node server

module.js:538
throw err;
^

Error: Cannot find module 'autoprefixer'
at Function.Module._resolveFilename (module.js:536:15)
at Function.Module._load (module.js:466:25)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at Object. (c:\Users\Administrator\Documents\Vue\git\vue2-demo-master\webpack.config.js:80:13)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at Object. (c:\Users\Administrator\Documents\Vue\git\vue2-demo-master\server.js:3:23)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)

安装了autoprefixer也运行不了

clone项目下来，用的是vsCode编辑器，于是我也下了，很好用，有个小问题请教下。

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };

主要是...这种，vsCode会提示报错（在.js文件中），找了很久没有找到解决办法，求指导呀

Hi, I got this error when run on node 14.5
downgrade to 12 working well

please take a look. thanks

Error: Module parse failed: Unexpected token (76:21)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|       enumerable: false,
|       value: {
>         title: title?.text() || '',
|         meta: meta?.text() || '',
|         link: link?.text() || '',
    at Object../src/entry-server.ts (js/app.js:136:7)
    at __webpack_require__ (webpack/bootstrap:19:0)
    at Object../dist/ssr-genesis/src/entry-server.ts (dist/ssr-genesis/src/entry-server.ts:3:15)
    at __webpack_require__ (webpack/bootstrap:19:0)
    at Object.0 (js/app.js:147:18)
    at __webpack_require__ (webpack/bootstrap:19:0)
    at js/app.js:85:18
    at Object.<anonymous> (js/app.js:88:10)
    at evaluateModule (/Users/root/MyProjects/nodejs/vue2-demo/node_modules/vue-server-renderer/build.dev.js:9318:21)
    at /Users/root/MyProjects/nodejs/vue2-demo/node_modules/vue-server-renderer/build.dev.js:9376:18

如题，项目用了ts 的 ？。的方法去做 但是没有支持的插件

所以需要在
genesis.ts 里 webpackchai增加下支持

class ChainingPlugin extends Plugin {
    /**
     * 修改webpack的配置
     */
    public chainWebpack({ config }: WebpackHookParams) {
        config.module
            .rule("ts")
            .test(/\.(t)sx?$/)
            .use("babel")
            .loader("babel-loader")
            .tap(options => {
                const { plugins } = options;
                plugins.push(["@babel/plugin-proposal-optional-chaining"]);
                options.plugins = plugins;
                return options;
            })
            .end();
    }
}

//这里增加下刚写的
ssr.plugin.use(new ChainingPlugin (ssr));

http://mint-ui.github.io/docs/#!/zh-cn2

我使用以上组件，按照文档的步骤能够跑起来项目，单独跑你的项目也能ok，我想结合一下，
在.babelrc 里 增加了 { "modules": false }
"plugins": [["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]]

然后就报错了，麻烦能指点一下么？

初学者，哈哈 学习一下

我想了很久实在不明白
为什么component里的header.vue不是已经export default了么 为什么还要单独创建一个index,js来export default一遍呢？ 关键是我把这个index.js删除了还不行。。。