Vue JS 2.0没有渲染任何东西？

作者: 天线宝宝
发布时间: 2024-12-30 04:38:23 (21天前)
转自：

4 条回复

0#
回复此人
仙风道骨刘憨 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 只是为了让寻找答案的人们的生活更轻松： </p> <pre> <code> import Vue from 'vue/dist/vue.js' import App from './App.vue' new Vue({ el: '#app', render: h => h(App) }) </code> </pre> <P> 来自作者 - 2.0独立构建意味着（编译器+运行时）。 NPM包的默认导出仅为运行时，因为如果从NPM安装，您可能会使用构建工具预编译模板。 </p> </DIV>

编辑
1#
回复此人
無口君哦哦 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果您使用的是像browserify或Webpack这样的构建工具，那么您很可能会使用它 <a href="https://vuejs.org/v2/guide/single-file-components.html" rel="noreferrer"> 单个文件组件 </A> 避免这种错误（在单个文件组件中，模板会自动编译为通过vueify呈现函数）。你绝对应该尝试避免其他地方的模板。查看论坛和文档，了解有关如何避免它们的答案。 </p> <P> 但我从我自己的经验中知道，在项目中找到导致错误消息的模板并不总是那么容易。如果您遇到同样的问题，作为临时解决方法，以下内容应该有所帮助： </p> <P> 你不应该导入'vue / dist / vue.js'（查看文档： <a href="https://github.com/vuejs/vue/wiki/Vue-2.0-RC-Starter-Resources#standalone-vs-runtime-builds" rel="noreferrer"> https://github.com/vuejs/vue/wiki/Vue-2.0-RC-Starter-Resources#standalone-vs-runtime-builds </A> 为什么不） </p> <P> 相反，你应该在你正在使用的构建工具中处理它。 </p> <P> 就我而言，我使用的是browserify，您可以使用aliasify来创建别名。将以下内容添加到您的 <code> package.json </code> 文件： </p> <pre> <code> { // ... "browser": { "vue": "vue/dist/vue.common.js" } } </code> </pre> <P> 对于Webpack用户，您似乎必须在配置中添加以下内容： </p> <pre> <code> resolve: { alias: {vue: 'vue/dist/vue.js'} }, </code> </pre> <P> 更多信息可以在文档中找到： <a href="https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only" rel="noreferrer"> https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only </A> </p> </DIV>

编辑
2#
回复此人
凯撒 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 同的<strong> 早午餐 </强> 我通过添加此规则解决了这个问题 <code> brunch-config.js </code> ： </p> <pre> <code> npm: { aliases: { vue: "vue/dist/vue.js" } } </code> </pre> <P> 看到 <a href="http://brunch.io/docs/config#npm" rel="nofollow noreferrer"> http://brunch.io/docs/config#npm </A> </p> <P> 它是用内部构建一个Vue组件 <code> <template> </code> ： </p> <pre> <code> <template> <div> hello </div> </template> <script> export default { name: 'Hello', props: { title: String, }, } </script> </code> </pre> </DIV>

编辑

登录后才能参与评论