尝试在 Django 应用程序的 js 文件中导入 vue.js 时出现“未捕获的语法错误：无法在模块外使用导入语句”

Question

我开始在真正的 django 项目中使用 vue.js，但我已经遇到了问题。

我在venv环境下安装了npm，安装了vue package。

我现在想在 js 文件中创建一个 Vue object，所以我使用：

import Vue from 'vue'

但是在控制台中我得到了这个错误

未捕获的语法错误：无法在模块外使用 import 语句

我已经搜索过这个问题，但找不到适合我的具体案例的好答案。

那么如何通过 npm package 继续使用 vue js？

Answer 1

我很确定更好，但更难的方法是让 webpack 和 babel 参与其中。 然而，对于我的小项目来说，这似乎有点过分了。 我使 node_modules 目录对 staticfiles finder 可见：

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "node_modules"),
)

现在我必须通过 STATIC_URL 访问它们（对我来说它是“/static/”）。

import Vue from 'static/dist/vue/vue.js'