WAMP中的Laravel和Vue-组件无法编译,仅以其组件名称显示

时间:2018-08-23 17:38:24

标签: laravel vue.js wamp

我使用WAMP安装了laravel

composer create-project laravel/laravel mysite --prefer-dist

我可以在localhost / mysite / public上访问初始页面。

根据the docs,我应该能够通过以下方式将examplecomponent.vue添加到该视图或任何其他视图:

<example-component></example-component>

但是,当我这样做时,在页面上以及HTML源代码中的上述模板标签上什么都没有看到。但不是实际的组成部分。

我跑了

npm install

npm run dev

但这并不能解决问题。

有什么我想念的吗?

1 个答案:

答案 0 :(得分:0)

Package.json

{
"private": true,
"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/cross-env/dist/bin/cross-env.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/cross-env/dist/bin/cross-env.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/cross-env/dist/bin/cross-env.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/cross-env/dist/bin/cross-env.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
    "axios": "^0.18",
    "bootstrap": "^4.0.0",
    "cross-env": "^5.1",
    "jquery": "^3.2",
    "laravel-mix": "^2.0",
    "lodash": "^4.17.4",
    "vue": "^2.5.7"
  }
}

并修改您的webpack.mix.js

将您的package.json与之比较。

npm install

npm run dev