Javascript 网页包未创建bundle.js或错误消息

我已经尝试将webpack和babel loader安装到我的vue项目中。当我在终端中运行“npm run dev”时，没有任何捆绑文件输出到我的dist文件夹，我收到以下消息：

>vueproject@0.1.0开发人员

>网页--观看--进度--模式=开发

如果我运行

npm run serve

，我会得到以下结果：

模块解析失败：意外令牌（2:5）
您可能需要适当的加载程序来处理此文件类型。
|导入请求
|从django.shortcuts导入渲染
|从rest\U框架导入视图集
|从django.db导入连接#这是用于my_custom_sql方法的。
@./node_modules/cache loader/dist/cjs.js？？ref--12-0/节点\模块/babel加载程序/lib/node_modules/cache loader/dist/cjs.js？？ref--0-0/node_modules/@vue/cli service/node_modules/vue-loader-v16/dist？？ref--0-1/src/App.vue？vue&type=script&lang=js 5:0-52 139:18-31
@./src/App.vue？vue&type=script&lang=js
@./src/App.vue
@/src/main.js
@多（网页包）-开发服务器/客户端？http://172.25.10.80:8080&sockPath=/sockjs-node（webpack）/hot/dev-server.js./src/main.js

您的

dev

脚本只运行webpack dev服务器，因此不会将任何内容写入

dist

。此外，只有在运行

build

脚本（

npm run build

）时才会发生绑定（以及创建和填充

dist

文件夹）

但您的项目似乎是一个Vue CLI框架项目（基于

@Vue/CLI服务

依赖项），它在传递过程中依赖于Webpack，因此您不需要添加对

Webpack

或

Webpack CLI

的依赖项

---

您的网页包配置似乎没有执行Vue CLI框架项目中默认情况下尚未执行的任何操作。我建议只使用

service

和

build

脚本。如果需要更改网页包配置，请使用

vue.config.js

或。请参阅以获取参考。

在运行

npm run service

时，我发现

模块解析失败：意外令牌（2:5）您可能需要一个合适的加载程序来处理此文件类型。|导入请求|从django.shortcuts导入渲染|从rest_framework导入视图集|从django.db导入连接#这是用于my_custom_sql方法…

。谢谢你在这个问题上的帮助！运行

npm run build

时，我得到

TypeError:Class extends value undefined不是构造函数或null…

。您是如何创建此项目的？使用Vue CLI？还是手工？你能链接到复制品吗？这里是指向GitHub上存储库的链接：。这是我的团队和我的第一个项目，我们正在为我们的数据库类做，所以，它肯定是混乱的，但是，我们绝对感谢任何批评或帮助！更新：我已尝试运行

npm run dev

和

npm run prod

但是，这两个文件都没有创建我正在查找的bundle.js文件，也没有修复

模块解析失败：意外标记（2:5）您可能需要适当的加载程序来处理此文件类型。

运行

npm run service

时出现错误。