NUXT：无法编译模板答案

【问题标题】：NUXT: Could not compile templateNUXT：无法编译模板
【发布时间】：2019-05-29 15:11:12
【问题描述】：

我开始使用 nuxt。屏幕截图中的项目结构，我有一个 vuetify carousel 组件，它使用 url 作为 src 运行良好。现在我想尝试提供本地静态文件。我试过了：

    <template>
  <v-carousel>
    <v-carousel-item v-for="(item,i) in items" :key="i" :src="item.src"></v-carousel-item>
  </v-carousel>
</template>


    <script>

export default {
  data () {
    return {
      items: [
        {
          src: '/static/52lv.PNG'
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/sky.jpg'
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/bird.jpg'
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/planet.jpg'
        }
      ]
    }
  }
}
</script>

但现在当我运行开发服务器时，我得到：

$ npm run dev

> nuxt4@1.0.0 dev ....\js\nuxt4
> nuxt

i Preparing project for development                                                                                                                   20:23:25
i Initial build may take a while                                                                                                                      20:23:25
√ Builder initialized                                                                                                                                 20:23:25

ERROR  Could not compile template ....nuxt4\\node_modules\\@nuxt\\vue-app\\template\\App.js: Cannot resolve "~/assets/style/app.styl" from "E:\ENVS\js\nuxt4\assets\style\app.styl"

at Promise.all.templatesFiles.map (node_modules\@nuxt\builder\dist\builder.js:6009:17)

我做错了什么？

【问题讨论】：

您的app.styl 文件似乎已从assets/style 移动到static/style。这是故意的吗？
是的 - 我正在尝试弄清楚如何提供本地文件，我关注的是 nuxtjs.org/guide/assets 。我无法从资产文件夹中找出路径，因此我将文件夹重命名为静态以从那里尝试。就在那时发生了错误。

标签： javascript vue.js nuxt.js

【解决方案1】：

我遇到了确切的问题，结果是我的 nuxt.config.js 文件中的 css 和 scripts 部分下的路径问题。我添加了一个资产文件夹，其中包含子文件夹和文件，例如静态>资产>等，但在我的配置文件中它是~/assets。

我把它改成了 ~/static/assets/ 现在它可以正确编译了。

希望这会有所帮助。

【讨论】：

【解决方案2】：

我也开始使用 Nuxt.js！到目前为止，至少对于我链接静态页面的导航栏，我的静态文件在generate : { routes: ["file/", "file2/"] } 下的nuxt.config.js 文件中路由。每个这些文件都是我的pages 目录下的 .vue 文件。现在，当我运行npm run dev 时，我可以单击导航栏上的每个文件，它们会完美显示。希望这可以帮助！如果我不清楚，请在下方评论。

【讨论】：

糟糕，我犯了一个错误。顺便说一下组件而不是页面。已更正。