Question

我正在使用Django，Webpack和Vue2。并在Vue中将app.vue文件编写为SFC。我在app.vue中导入了其他js文件（原始库），但从Chrome的控制台收到了错误消息：

未捕获的TypeError：无法设置未定义的属性“ render”

.vue文件可以导入其他js文件吗？在这种情况下，如何导入其他js文件？

index.html

{% load render_bundle from webpack_loader %}
<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
</head>
<body>

<div id="app">
    <App></App>
</div>

{% render_bundle 'main' %}

</body>
</html>

main.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './app.vue';
import routes from './routes';

Vue.config.devtools = true;
Vue.use(VueRouter);

const router = new VueRouter({
    mode: 'history',
    base: __dirname,
    routes: routes,
})

new Vue({
    el: '#app',
    components: {
        'App': App,
    },
    router: router,
});

app.vue

<template>
</template>

<script>
import Hello from './lib/hello.js';
</script>

lib / hello.js

export default class Hello {

    world() {
        console.log('Hello, World!');
    }
}

如何在Django + Webpack + Vue2 + SFC中导入其他js文件

0 个答案: