Node.js + Vue.js:为什么vue.js文件中的console.log()没有显示在控制台中?

时间:2017-08-28 14:39:36

标签: javascript node.js console vue.js console.log

我是javascript开发的新手,我在这里有一个真实的项目。让我来形容一下:

  1. 有一个项目,一个具有/ public / app文件夹的Express(Node.js)服务器
  2. 还有另一个项目,一个有/ dist文件夹的Vue.js应用程序
  3. 在Express / public / app文件夹中是copypasted vue.js应用程序(从/ dist文件夹中的另一个项目复制)
  4. Vue.js应用程序在Stanford Parser
  5. 运行

    我已将一些console.log()命令添加到vue.js应用代码中的不同文件/位置,例如:

    app.ts

    2012 verbose stack SyntaxError: Unexpected end of input at 1:65316
    2012 verbose stack 2.4.10","description":"Angular - the core framework","main":"bundles/
    2012 verbose stack                                                                      ^
    2012 verbose stack     at SyntaxError (native)
    2012 verbose stack     at Object.parseJSON (C:\Users\vkaranat\AppData\Roaming\npm\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\node_modules\json-parse-helpfulerror\node_modules\jju\lib\parse.js:745:13)
    2012 verbose stack     at parse (C:\Users\vkaranat\AppData\Roaming\npm\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\node_modules\json-parse-helpfulerror\index.js:10:13)
    2012 verbose stack     at consumeBody.call.then.buffer (C:\Users\vkaranat\AppData\Roaming\npm\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\src\body.js:96:50)
    2012 verbose stack     at process._tickCallback (internal/process/next_tick.js:109:7)
    2013 verbose cwd D:\Vipin-Dump\__PlayGround\__Angular4\angu4-app
    2014 verbose Windows_NT 6.1.7601
    2015 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\vkaranat\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "--quiet" "install"
    2016 verbose node v6.11.2
    2017 verbose npm  v5.3.0
    2018 error Unexpected end of input at 1:65316
    2018 error 2.4.10","description":"Angular - the core framework","main":"bundles/
    2018 error                                                                      ^
    2019 verbose exit [ 1, true ]
    

    组件

    ...
    import {store} from './store/store';
    import {isBoolean} from 'util';
    
    console.log('APP');
    
    let router = new VueRouter({
      routes: [
        { path: '/', component: WelcomeComponent },
    ...
    

    等等。但是没有一个console.log()消息显示在浏览器控制台中。我确定应用程序已构建并正确复制。那为什么我不能在控制台中看到这些消息呢?

1 个答案:

答案 0 :(得分:0)

问题是,Windows没有用新的替换旧的main.min.js文件。再次手动删除和复制文件后,它可以正常工作!