Question

我刚开始使用Vue.js而后端我有Laravel 5.

问题如下：我尝试编辑视图页面中的任何数据，组件甚至HTML，但没有任何变化，我不明白为什么。

现有网站有一个工作页面，完成了Vue。但是当我尝试从源.vue文件中修改某些内容时，没有任何变化。

也许它与缓存有关，不知道......

我没有使用npm，我只是在apache下获得了在Linux VM中运行的代码。

-

我的package.json就像这样开始：

"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },

但是在机器上我找不到安装的npm。这可能吗？在这里发生了什么？

更新

我修复了npm和node的安装，但是在运行npm run dev时出现错误。检查错误日志here

Answer 1

使用Laravel时，您必须使用NPM (node)安装所有依赖项。您可以通过在Laravel项目目录中的命令行中运行npm install来实现此目的。

之后，安装Laravel（例如Vue，还有Axios和jQuery，参见Package.json文件）的所有预定义依赖项。

要使用Vue组件（以及JS代码和scss等其他资源），您必须编译它们。使用新的Laravel项目，您可以通过npm run dev执行此操作，该项目将编译资源/资产文件夹中的所有js / scss。因此，如果您对Example.vue文件进行了更改（始终使用新项目安装），则运行npm run dev，如果一切正常，您将能够看到新的更改。

为了简化操作，您可以运行npm run watch。此命令将不断检查您是否对资产进行了更改。因此，如果该命令处于活动状态，并且您对Vue组件进行了更改，它将自动为您编译。

希望这会有所帮助。

在Vue中编辑代码时没有任何变化

1 个答案: