我最近开始在webpack的建筑上犯这个错误。
ERROR Failed to compile with 3 errors
These relative modules were not found:
* ./components/component1.vue in ./resources/assets/js/lmi/app.js
* ./components/component2.vue in ./resources/assets/js/lmi/app.js
* ./components/component3.vue in ./resources/assets/js/lmi/app.j
在我的webpack.mix.js中,我有这样的东西:
// vue components
mix.js('resources/assets/js/app.js', 'public/js');
// scripts which I need
mix.scripts([
'resources/assets/js/jquery-2.2.4.min.js',
'resources/assets/js/bootstrap.min.js',
'resources/assets/js/fastclick.js
我目前正在将HTML模板迁移到Vue。现在,我开始在存储在main.js文件中的src文件中导入Javascript文件。
我的文件如下所示:
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import pageLoader from "./assets/js/global/page-loader";
import tooltips from "./assets/js/global/tooltips
我有一个用Vue CLI 2创建的现有项目,我正在把它移到Vue CLI 3中,但是我得到了下面的错误
1: "vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: "ReferenceError: _ is not defined"
2: "vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "ReferenceError: $ is not defined"
我认为这是由于index.html。在V
我目前正在构建一个使用Laravel和Vue的web应用程序。我得到的错误是针对我拥有的所有组件。
ERROR in ./resources/assets/js/components/App 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#l
我用的是Laravel 5.2和Vue 2.0.6。如果我使用本地组件,它可以正常工作。但是,当我尝试使用来自另一个.vue文件的全局组件时,它会显示以下错误:
[Vue warn]: Failed to mount component: template or render function not defined. (found in component <test> at path\to\site\resources\assets\blog\components\test.vue)
Test.vue
<template>
<div>
因此,我正在尝试将laravel项目中的vue-loader更新到15.2.1版本。在更新依赖项并运行npm run watch之后,首先我得到了一个错误,告诉我应该使用VueLoaderPlugin。我按照官方文档的建议添加了它。
再次尝试运行build命令后,我的每个单文件组件都出现以下错误:
ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_module
我是vue的新手,正在尝试将它集成到我的一个项目中,在这个项目中我使用的是Laravel 5.4。我使用vee-validate进行验证。我正在使用yarn来管理包。当我在npm run dev之后访问页面时,我在firebug控制台栏中得到以下错误:
TypeError: value is undefined (this one is in app.js file)
ReferenceError: require is not defined (this one is in plugin.js file)
这是我的app.js文件:
/**
我遵循关于如何使用文档中的组件的指导,但是我得到了TypeError: show is not a function
在我的主要JS文件(app.js)中,我使用npm添加了以下内容并添加到我的项目中
import VModal from 'vue-js-modal'
Vue.use(VModal)
文档指出,我现在可以从应用程序的任何位置调用一个模式,因此我创建了一个特定于页面的JS文件,并包含了以下内容,以在包含vue、app.js和页面特定profile.js文件的页面上隐藏/显示一个带有profile.js的模式。
export default {
method
我是刚开始学这个的。我在我的系统中安装了新版本的vue webpack。我有一个css、js和这个主题模板的图片,我想把它包含到HTML中,所以我尝试在index.html中添加它,但是我可以看到控制台中的错误,并且没有添加资产。当我搜索时,我知道我可以在main.js文件中使用main.js。但我发现了错误:
下面我在我的main.js文件中尝试过:
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.co
我正在尝试将模板转换为VueJs,我遇到了一个包含jQuery的问题,并在chrome控制台中出现错误
Uncaught ReferenceError: jQuery is not defined
at eval (sb-admin-2.min.js?1fbf:49)
这就是我如何包含jQuery,main.js文件
import Vue from "vue";
import App from "./App.vue";
import jquery from "./assets/vendor/jquery/jquery.min.js";
我正在使用Nuxt创建一个网页,我想创建一个类并在我的.vue文件中使用它。我试过使用导入:import Card from "~/assets/mylib/Card.js",但这不起作用。不确定如何访问.vue文件中的.vue文件。
index.vue
import Card from "~/assets/mylib/Card.js"
created() {
let card = new Card("blue")
}
Card.js
class Card {
constructor(color) {
this.color = c
我试图用laravel-mix/webpack应用程序构建一个npm包,我想要一个特定文件夹结构的别名,所以我起草了一些webpack.config.js文件
webpack.config.js
/**
* As our first step, we'll pull in the user's webpack.mix.js
* file. Based on what the user requests in that file,
* a generic config object will be constructed for us.
*/
let mix = requ
我在我的应用程序中使用vue-confetti包,但是它在构建时给出了下面的错误,我想知道如何克服这个错误,如何使它只在客户端使用Gridsome呈现。
ReferenceError: window is not defined
at Object.<anonymous> (node_modules/vue-confetti/dist/vue-confetti.js:1:210)
at __webpack_require__ (webpack/bootstrap:25:0)
at Module.<anonymous> (assets/js/app
我用的是VueJs2.5*
我使用以下main.js加载组件:
import './assets/sass/paper-dashboard.scss'
import './assets/sass/element_variables.scss'
import './assets/sass/demo.scss'
...
import Test from './components/Test.vue'
...
Vue.component('vue-test', Test)
var vm = new Vue({
e
我使用带有单个文件组件的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
当我运行代码时,我当前遇到了下面的错误。 ERROR in ./node_modules/vue-phone-number-input/dist/img/flags.9c96e0ed.png 1:0 Module parse
failed: Unexpected character '�' (1:0) You may need an appropriate loader to handle this
file type, currently no loaders are configured to process this file. See
https://w