文章/答案/技术大牛

发布

社区首页 >问答首页 >我试图用Parcel构建一个vue项目，但现在……失败了或者说，我犯了一些错误

问我试图用Parcel构建一个vue项目，但现在……失败了或者说，我犯了一些错误
EN

Stack Overflow用户

提问于 2017-12-12 05:41:32

回答 2查看 1.7K关注 0票数 2

我只是尝试构建一个vue项目，并将目录结构设置为类似于vue-cli生成的项目。我在使用vue-路由器功能后出现了一些错误。错误是：

以下是我的目录结构：

- Parcel
  - src
    - components
      - Index.vue
    - router
      - index.js
    - App.vue
    - main.js
  - node_modules
  - index.html
  - package.json

为了看得更清楚，我编写了源代码演示的一部分：

index.html

<body>
    <div id="app"></div>
    <script src="./src/main.js"></script>
</body>

src/main.js

import Vue from 'vue';
import router from './router/index.js'
import App from './App.vue'

Vue.config.productionTip = false
new Vue({
    el: "#app",
    router,
    template: '<App/>',
    components: { App }
})

src/App.vue

<template>
    <div id="app">
        <h1>App Page</h1>
        <router-view></router-view>
    </div>
</template>

router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Index from '../components/Index.vue'

Vue.use(Router);
export default new Router({
    routes: [
        {
            path: '/',
            component: Index
        }
    ]
})

vue.js

parcel

javascript

回答 2

Stack Overflow用户

发布于 2018-05-29 12:46:08

若要使单个文件组件正常工作，必须安装以下内容：

npm install @vue/component-compiler-utils vue-template-compiler --save-dev
npm install vue-hot-reload-api --save

插件https://github.com/BoltDoggy/parcel-plugin-vue是不推荐的，因为parcel/parcel @1.7.0现在支持Vue。

如果你有兴趣的话，我为Vue和Parcel创建了一个简单的样板。https://github.com/sorxrob/vue-parcel

票数 1

Stack Overflow用户

发布于 2017-12-20 13:43:15

默认情况下，包绑定器不支持扩展.vue。您需要首先使用包-插件-vue。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47766006

复制

相似问题

问我试图用Parcel构建一个vue项目，但现在……失败了或者说，我犯了一些错误
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我试图用Parcel构建一个vue项目，但现在……失败了或者说，我犯了一些错误EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我试图用Parcel构建一个vue项目，但现在……失败了或者说，我犯了一些错误
EN