时间戳

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

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

问题描述

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

我已经在venv环境中安装了npm，并且安装了vue包。

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

import Vue from 'vue'

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

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

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

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

标签： javascriptdjangovue.jsexceptionsyntax-error

解决方案

我很确定更好，但更难的方法是让 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'

推荐阅读