![](/img/trans.png)
[英]React-Bootstrap Uncaught ReferenceError: require is not defined
[英]Uncaught ReferenceError: require is not defined at require('./bootstrap') Laravel Mix
我已经使用 Laravel Mix 编译了我的样式表和 javascript 文件,代码如下:
const { mix } = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
// mix.js('resources/assets/js/app.js', 'public/js')
// .sass('resources/assets/sass/app.scss', 'public/css');
mix.babel([
'public/js/plugins/loaders/pace.min.js',
'resources/assets/js/app.js',
'public/js/plugins/loaders/blockui.min.js',
'public/js/plugins/ui/nicescroll.min.js',
'public/js/plugins/ui/drilldown.js',
'public/js/plugins/ui/fab.min.js',
'public/js/plugins/forms/selects/select2.min.js',
'public/js/plugins/forms/styling/uniform.min.js',
'public/js/plugins/ui/moment/moment.min.js',
'public/js/plugins/ui/fullcalendar/fullcalendar.min.js',
'public/js/core/app.js',
'public/js/pages/user_pages_profile.js',
] , 'public/js/app.js');
mix.styles([
'public/css/icons/icomoon/styles.css',
'resources/assets/sass/app.scss',
'public/css/core.css',
'public/css/components.css',
'public/css/colors.css',
],'public/css/app.css');
下面是我的app.js
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('./bootstrap'); //complains on this line after compilation
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
el: '#app'
});
它抱怨所需的,
未捕获的 ReferenceError: require is not defined at app.js:354 ,这是编译的app.js
我试过了:
1- mix.scripts
2- mix.babel (根据文档,这会将任何 ES2015 代码转换为所有浏览器都能理解的 vanilla JavaScript。)
我在这里缺少什么?
您的节点版本很可能已过时。 Node JS 6 是第一个处理 ES2015 模块的版本。 通过运行检查您的节点版本
node -v
如果您使用的是 Ubuntu 16,则需要添加一个源存储库来拉取较新版本的节点。 运行以下命令应该可以让您升级到最新版本
cd ~
curl -sL https://deb.nodesource.com/setup_6.x -o nodesource_setup.sh
sudo bash nodesource_setup.sh
sudo apt-get install nodejs
sudo npm update -g npm
sudo ln -s /usr/bin/nodejs /usr/bin/node
现在尝试运行npm run dev ,一切都应该在 Laravel mix 中编译正常。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.