0

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

未捕获的类型错误：无法设置未定义的属性“渲染”

.vue 文件可以导入其他 js 文件吗？那么，如何导入其他的js文件呢？

索引.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,
});

应用程序.vue

<template>
</template>

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

lib/hello.js

export default class Hello {

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

0 回答 0