【问题标题】:npm caching issue- did not rebuildnpm 缓存问题 - 未重建
【发布时间】:2017-12-15 04:44:33
【问题描述】:

我将 Laravel 5.4 与 vue.js 一起使用。然后我在 created 和方法之间有语法错误。我忘记了,然后我修复了这个错误。

但错误仍然继续。

<script>
export default {

    data(){
        return {
          users: []
        }

    },

    created(){
      this.fetchUsers();
    },//forgotten

    methods:{ //41.line
      fetchUsers(){
        this.$http.get('/users').then(response => {
          this.users = response.data.users;
        });
      }

    }

}
</script>

我重新启动了 apache。但是如果我写“npm run dev”或“npm run watch”仍然有这个错误。

    error  in ./resources/assets/js/components/Users.vue

    Syntax Error: Unexpected token, expected , (41:4)
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/ubuntu/.npm/_logs/2017-07-11T08_13_41_572Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/ubuntu/.npm/_logs/2017-07-11T08_13_41_618Z-debug.log

编辑

我听取了您的建议并申请了。我的意思是问题与语法错误无关。问题是旧代码执行而不是新代码。我保存了所有文件,然后“npm run dev”但每次都返回相同的错误。

【问题讨论】:

  • 你使用的是什么节点版本?
  • 显示您的完整组件代码 - 尽管如此,您似乎正在混合两种 ecmascript 样式
  • 节点版本 8.1.3 @mscdex
  • 添加的代码@FrankProvost
  • @MU fetchUsers: function(){} 完全可以接受。箭头函数肯定会引起问题。

标签: javascript node.js npm vue.js


【解决方案1】:

即使我得到了相同的error- A 这次运行的完整日志,也可以在以下位置找到: 问题出在端口号上,转到package.json 文件并将端口号更改为您想要的任何内容,例如8000。例如:

"scripts": {
    "build": "webpack --config webpack.prod.js --progress",
    "watch": "npm run build -- --watch",
    "server": "webpack-dev-server --inline --progress --port 8000 --content-base src",
    "start": "npm run server"
  }

之前的端口号是3000,而在npm start 上,不同的应用程序使用端口3000 进行渲染,所以对于我的新应用程序,我提供了端口号8000。现在我可以在不同的端口(localhost:3000 和 localhost:8000)上有两个不同的应用程序而不会出错。

【讨论】:

    猜你喜欢
    • 2022-11-05
    • 2018-03-03
    • 2021-09-30
    • 2012-12-27
    • 2021-06-24
    • 2011-08-12
    • 1970-01-01
    • 2018-02-13
    相关资源
    最近更新 更多