我正在尝试实施他们网站上给出的非常基本的示例,我的代码如下:
[Vue warn]: Invalid prop: type check failed for prop "key". Expected String, got Boolean.
编译正常,但在浏览器中运行时,我收到以下警告/错误:
"key" is a reserved attribute and cannot be used as component prop.
app.js:964 TypeError: this.$options.filters.filterBy is not a function
this.$options.filters.filterBy is not a function
{
"private": true,
"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"
},
"devDependencies": {
"axios": "^0.15.3",
"babel": "^6.0.0",
"babel-core": "^6.0.0",
"babel-loader": "^6.0.0",
"babel-preset-es2015": "^6.24.1",
"bootstrap-sass": "^3.3.7",
"cross-env": "^3.2.3",
"jquery": "^3.1.1",
"laravel-mix": "^0.11.3",
"lodash": "^4.17.4",
"vue": "^2.1.10",
"webpack": "^2.4.1"
},
"dependencies": {
"css-loader": "^0.28.0",
"glob": "^7.1.1",
"gulp": "^3.9.1",
"laravel-echo": "^1.3.0",
"node-sass": "^4.5.2",
"style-loader": "^0.16.1",
"vue-multiselect": "^1.1.4",
"vue-resource": "^1.3.1",
"vue-toasted": "^1.0.27",
"vuex": "^2.3.1"
}
}
我不知道是什么导致了这些问题,因为我只是使用网站上提供的示例。
这是我的package.json文件:
externals