当我运行包含某些Vuetify组件的vue run test:unit时,我得到了以下错误:
ReferenceError: requestAnimationFrame is not defined
at VueComponent.mounted (dist/js/webpack:/src/components/VTextField/VTextField.ts:229:1)
at invokeWithErrorHandling (dist/js/webpack:/node_modules/vue/dist/vue.runtime.esm.js:1854:1)
我一直试图迁移一个vue项目,不幸的是,我无法在构建应用程序的地方使用导入/导出。因此,为了简化我的问题,我从头创建了一个项目来构建一个没有vue-cli的vue组件。
在我创建.vue文件之前,我已经成功地与webpack一起打开了vue应用程序,但是在那之后,我开始得到下面的错误,并且我的.vue文件不会呈现。
[Vue warn]: Failed to mount component: template or render function not defined.
代码如下,我将尽量保持它的简单性:
index.js
var Vue = require('vue');
生产构建失败,出现以下错误: ValidationError: Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema.
- options has an unknown property 'minimize'. These properties are valid:
object { url?, import?, modules?, sourceMap?, importLoaders?, loc
我使用了最新版本的vue-cli3 webpack4和vue-加载器v15。
我想配置vue-加载程序,但是有一个错误:
Error: [VueLoaderPlugin Error] No matching use for vue-loader is found. Make sure the rule matching .vue files include vue-loader in its use.
vue.config.js
const HtmlWebpackPlugin = require("html-webpack-plugin");
const VueLoaderPl
我正在学习Vue.JS。我安装了cli并创建了一个项目:
$ npm install -g vue-cli
$ vue init webpack-simple vue-example
$ cd vue-example
$ npm install
$ npm run dev # this is where problem starts!
我收到以下错误消息:
> vue-example@1.0.0 dev /Users/me/Code/vue/vue-example
> cross-env NODE_ENV=development webpack-dev-server --open
当我升级到Webpack并将相关的依赖项升级到v4:[Vue warn]: Failed to mount component: template or render function not defined.时,我就开始收到这个错误。
下面是我的package.json和webpack.config.js前后的相关片段:
升级前:
package.json
{
"dependencies": {
"vue": "^2.5.0",
"vue-template-compiler": "^2.5.0"
Webpack的生产构建正在剥离用于安装我的vue应用程序的全局变量-- var vm =部件。所以:
var vm = new Vue({
...
});
获取编译为:new Vue({ ... });。
我没有webpack.config.js,所以它只是使用默认的- npm构建任务确实保留了var vm = new Vue!
vue应用程序可以工作--但这一点之所以重要,是因为我现在希望能够从vue应用程序之外调用应用程序的方法之一。这是可能的-类似于:<button onclick="vm.foo()">假设我的vue应用程序在全球被称为vm。
我很乐
所以,我正在玩新的模块联合会的概念,在Webpack 5现在。在尝试从共享库(另一个vue应用程序)导入组件时,我得到了以下错误:
container_entry:12 Uncaught (in promise) Error: Module "./Button.vue" does not exist in container.
while loading "./Button.vue" from webpack/container/reference/home
at eval (container_entry:12)
这两个项目package.json看起
我正在学习如何将Vue.js集成到一个Django项目(多页面应用程序)中。我的目标是能够在我的项目中在不同的应用程序之间拆分我的前端代码
但是,我无法从我的配置文件应用程序创建Vue实例,因为在导入过程中,webpack找不到Vue。
错误
ERROR in ../apps/profiles/frontend/profiles/browse.js
Module not found: Error: Can't resolve 'vue' in '/home/me/dev/myproject/apps/profiles/frontend/profiles'
我正在将我的项目(基于vue.js)从Javascript转换为Typescript,当我尝试使用修改后的webpack配置和代码构建我的项目时,我导入vue包失败。 我的index.js: import Vue from "vue";
import store from './vuex/store';
import app from './app.vue';
let v = new Vue({
el: '#eme',
store,
components: {app}
}
); 我的webpack配置: '
我试图按照说明安装 --因此,当我尝试使用该组件时,即使在最简单的测试用例中也会出现错误:
error in ./node_modules/vue-advanced-chat/dist/vue-advanced-chat.common.js
Module parse failed: Unexpected token (17025:3)
You may need an appropriate loader to handle this file type.
| emoji,
| skinTone: currentSkinTone,
|
当我在LaravelSparkv4.0.9应用程序上运行npm run dev时,我得到以下错误:
Module build failed: Error:
Vue packages version mismatch:
- vue@2.0.8
- vue-template-compiler@2.2.6
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-te
我使用带有单个文件组件的Vue和Webpack来编译所有内容。我安装了vue,vue-loader和vue-template-compiler (都是作为开发依赖项和同级依赖项),但vue-loader返回以下错误。
ERROR in ./resources/assets/js/components/Modal.vue Module build failed: Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementat