学vue-loader时碰到的一个问题,求教

发布于 2022-09-04 21:55:01 字数 1180 浏览 11 评论 0

在学vue-loader,按照视频中的做法,
分别新建了一下文件
1 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <app></app>
    <script src="build.js"></script>
</body>
</html>

2 main.js

import Vue from "vue";

3 webpack.config.js

module.exports={
    entry:'./main.js',
    output:{
        path:__dirname,
        filename:"build.js"
    }
}

4 空的App.vue文件

5 通过npm init后改了scripts为执行的命令

6 通过cnpm install webpack webpack-dev-server下载了webpck webpack-dev-server

最后通过 npm run dev 后,报错如下

ERROR in ./main.js
Module not found: Error: Can't resolve 'vue' in '....vue-loader-demo'
@./main.js 1:0-22
@multi ./~/_webpack-dev-server@2.4.5@webpack-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./main.js
webpack:Failed to compile.

跪谢 各位大神了 在线等

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

相对绾红妆 2022-09-11 21:55:01

缺vue

npm isntall vue --save-dev

小嗲 2022-09-11 21:55:01

webpack 怎么编译的vue啊 安装了vue-loader了么

几味少女 2022-09-11 21:55:01

webpack 就那点配置???

怎么编译vue啊?

弄个vue loader吧

module: {
        loaders: [{
                test: /\.vue$/,
                loader: 'vue'
            }]
       }
肤浅与狂妄 2022-09-11 21:55:01

vue没有install啊.

多彩岁月 2022-09-11 21:55:01

先按照以下两步试试看:
1.本地安装vue-loader依赖

cnpm isntall vue-loader --save-dev

安装成功后,vue-loader-demo文件夹下的package.json,devDependencies项会显示vue-loader和对应的版本号,例如:

  "devDependencies": {
    "vue-loader": "^11.3.4"
  }

2.增添webpack中对vue-loader的配置

   module: {
        rules: [
          {
            test: /\.vue$/,
            loader: 'vue-loader'
          }
   ]}
伴梦长久 2022-09-11 21:55:01

vue 没install

伪心 2022-09-11 21:55:01

问题:有没有 package.json?依赖里有没有 vue?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文