个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我不知道如何修复它，我搜索了太多信息，所有人都告诉我我没有安装 npm 模块，但我的 'package.json' 文件已经安装了它们。
我已经安装了所有的 npm 模块
dependencies": {
"babel-core": "^6.22.1",
"babel-loader": "^6.2.10",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-es2015": "^6.22.0",
"babel-runtime": "^6.22.0",
"css-loader": "^0.26.1",
"style-loader": "^0.13.1",
"vue": "^2.1.10",
"vue-hot-reload-api": "^2.0.8",
"vue-html-loader": "^1.2.3",
"vue-loader": "^10.3.0",
"vue-template-compiler": "^2.1.10",
"webpack": "^2.2.1",
"webpack-dev-server": "^2.3.0"}
其他文件
webpack.config.js
module.exports={
entry:'./main.js',
output:{
path:__dirname,
filename:'build.js'
},
module:{
loaders:[
{test:/\.vue$/, loader:'vue'},
{test:/\.js$/, loader:'babel-loader', exclude:/node_modules/}
]
}};
主要.js
import Vue from 'vue'
import App from './App.vue'
new Vue({
el:'body',
components:{
app:App
}
});
App.vue
<template>
<h1>welcome Vue</h1>
</template>
<script type="text/javascript"></script>
<style type="text/css"></style>
和最终文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="bundle.js"></script>
</head>
<body>
<div id="app">
<app></app>
</div>
</body>
</html>
当我启动 webpack-dev-server 时，shell 告诉我 TypeError: this._init is not a function
(ps:我的英文不好，所以....)
我已经解决了这个问题，在'webpack.config.js'文件中
{test:/\.vue$/, loader:'vue'}
改为
{test:/.vue$/, loader:'vue-loader'}
因为我用的是vue 2.0版本。
最佳答案
webpack.config.js中的一行应该是全名:
{test:/\.vue$/, loader:'vue-loader'},
关于javascript - vue+webpack，系统告诉我 "Module build failed: TypeError: this._init is not a function"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42156190/
27
4
0
我是一名优秀的程序员,十分优秀！